Javascript 检查复选框是否选中/为真，然后显示div

我不确定在我的尝试中我做错了什么（见下面的片段）。如果选中了关联的复选框，我只是想显示一个div。我尝试了

is

和

prop

方法，但似乎都不起作用

有人知道我做错了什么吗

if（$（'package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}
如果（$（'#package2'）是（“：选中”））{
$（“#tp选择”）.show（）；
}

。软件包设置{
显示：无；
}

第二节
包1
方案2

您需要的是复选框上的

onchange

事件，因为如果您不将其放入复选框中，您的代码最初只会执行一次，因此不会成功，因为复选框最初未被选中

$（'#package1'）。在（'change'，function（）上{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}否则{
$（'#pg selection'）.hide（）；
}
})
$（'#package2'）。在（'change'，function（）上{
如果（$（'#package2'）.prop（“选中”））{
$（“#tp选择”）.show（）；
}否则{
$（'#tp selection'）.hide（）
}
})

。软件包设置{
显示：无；
}

第二节
包1
方案2

您需要的是复选框上的

onchange

事件，因为如果您不将其放入复选框中，您的代码最初只会执行一次，因此不会成功，因为复选框最初未被选中

$（'#package1'）。在（'change'，function（）上{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}否则{
$（'#pg selection'）.hide（）；
}
})
$（'#package2'）。在（'change'，function（）上{
如果（$（'#package2'）.prop（“选中”））{
$（“#tp选择”）.show（）；
}否则{
$（'#tp selection'）.hide（）
}
})

。软件包设置{
显示：无；
}

第二节
包1
方案2

您必须将您的条件放入

更改（）事件中，如：

$('#package1, #package2').on('change', function(){
    //Your code here
})

注意：您应该添加
else
语句，以在
取消选中的情况下隐藏div

希望这有帮助


$（'package1，'package2'）。在（'change'，function（）上{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}否则{
$（'#pg selection'）.hide（）；
}
如果（$（'#package2'）是（“：选中”））{
$（“#tp选择”）.show（）；
}否则{
$（“#tp选择”）.hide（）；
}
})
。软件包设置{
显示：无；
}

第二节
包1
方案2
您必须将您的条件放入
更改（）事件中，如：

$('#package1, #package2').on('change', function(){
    //Your code here
})

注意：您应该添加
else
语句，以在
取消选中的情况下隐藏div

希望这有帮助


$（'package1，'package2'）。在（'change'，function（）上{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}否则{
$（'#pg selection'）.hide（）；
}
如果（$（'#package2'）是（“：选中”））{
$（“#tp选择”）.show（）；
}否则{
$（“#tp选择”）.hide（）；
}
})
。软件包设置{
显示：无；
}

第二节
包1
方案2
只需绑定一个on change事件



函数CheckVisibility（）{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}
否则{
$（'#pg selection'）.hide（）；
}
如果（$（'#package2'）是（“：选中”））{
$（“#tp选择”）.show（）；
}
否则{
$（“#tp选择”）.hide（）；
}
}
.软件包设置{
显示：无；
}
第二节
包1
方案2
只需绑定一个on change事件



函数CheckVisibility（）{
如果（$（'#package1'）.prop（“选中”））{
$（'#pg selection'）.show（）；
}
否则{
$（'#pg selection'）.hide（）；
}
如果（$（'#package2'）是（“：选中”））{
$（“#tp选择”）.show（）；
}
否则{
$（“#tp选择”）.hide（）；
}
}
.软件包设置{
显示：无；
}
第二节
包1
方案2
当复选框被选中时，听起来您想显示div。是这样吗？您需要为
change
事件添加一个处理程序

$('#package1').on('change', function(e){
  if ($('#package1').prop("checked")) {
    $('#pg-selection').show();
  }
});
$('#package2').on('change', function(e){
  if ($('#package2').prop("checked")) {
    $('#tp-selection').show();
  }
});

当复选框被选中时，听起来您想显示div。是这样吗？您需要为
change
事件添加一个处理程序

$('#package1').on('change', function(e){
  if ($('#package1').prop("checked")) {
    $('#pg-selection').show();
  }
});
$('#package2').on('change', function(e){
  if ($('#package2').prop("checked")) {
    $('#tp-selection').show();
  }
});

好的，当复选框实际更改时，您需要一些事件。页面不会经常根据DOM重新评估JS，也就是说，使用
change
事件：

（并使用
data-*
属性使代码更通用）

演示：
好吧，当复选框实际更改时，您需要一些事件。页面不会经常根据DOM重新评估JS，也就是说，使用
change
事件：

（并使用
data-*
属性使代码更通用）

演示：
运行代码时，会选中任一复选框。您需要将事件（例如
change
或
input
）附加到复选框中，并在事件处理程序函数中显示div。运行代码时会选中其中任一复选框。您需要将事件（例如
change
或
input
）附加到复选框中，并在事件处理程序函数中显示div。它仍然显示是否未选中。是否要更改？请检查我的更新，我建议使用
toggle（）
。它仍然显示是否未选中。是否要更改？请检查我的更新，我建议使用
toggle（）
。它仍然显示是否未选中。无论如何，要改变这一点吗？检查复选框的正确方法是吗？当我研究如何做到这一点时，我认为我看到了，但不确定。是的，这是正确的方法，检查以及它可以