Javascript 为什么此代码没有'；不要隐藏复选框？

仅当选中某个其他复选框时，我想在表单中显示一些输入复选框

我已经读过关于.show（）和.hide（）的内容，但我想通过更改css选择器来实现这一点。

我的问题是隐藏的选择器根本不隐藏：它是在不考虑复选框的情况下打印出来的

请注意，这只是一个测试，我正在学习jQuery并想尝试一下

这就是我试过的（）

HTML格式：

---

由于

id

是唯一的，因此您可以使用

$("#idCheckbox2") 

而不是

$("input:checkbox[id=idCheckbox2]")

要检查复选框是否已选中，可以使用：

if($("#idCheckbox2").is(":checked"))
    $("#ocultar").css("display","inline");
else
    $("#ocultar").css("display","none");

您还需要使用事件来跟踪复选框更改的时间，并使用三元运算符缩短代码：

$('#idCheckbox2').change(function () {
    $("#ocultar").css("display", this.checked ? 'inline' : "none");
}).change();

最后的

.change（）

用于在页面加载时触发

change（）

事件，并在默认情况下选中复选框时执行代码

---

因为

id

是唯一的，所以您可以使用

$("#idCheckbox2") 

而不是

$("input:checkbox[id=idCheckbox2]")

要检查复选框是否已选中，可以使用：

if($("#idCheckbox2").is(":checked"))
    $("#ocultar").css("display","inline");
else
    $("#ocultar").css("display","none");

您还需要使用事件来跟踪复选框更改的时间，并使用三元运算符缩短代码：

$('#idCheckbox2').change(function () {
    $("#ocultar").css("display", this.checked ? 'inline' : "none");
}).change();

最后的

.change（）

用于在页面加载时触发

change（）

事件，并在默认情况下选中复选框时执行代码

---

您需要使用更改事件处理程序，以便在选中/取消选中复选框的基础上更新显示属性

$('#idCheckbox2').change(function(){
    $("#ocultar").css("display", this.checked ? 'inline':"none");
}).change();//used to set the initial state based on checkbox value

演示：

---

您甚至可以使用简化代码，如

您需要使用更改事件处理程序，以便根据复选框的选中/取消选中更新显示属性

$('#idCheckbox2').change(function(){
    $("#ocultar").css("display", this.checked ? 'inline':"none");
}).change();//used to set the initial state based on checkbox value

演示：

---

您甚至可以使用简化代码，如

对不起，我已经更正了输入错误。对不起，我已经更正了输入错误。