Javascript 使用Jquery隐藏复选框

我用jquery为checkbox准备了这个隐藏的功能。单击“隐藏”后，复选框将消失。当页面打开时，我如何在默认情况下执行此操作，而不是单击

HTML代码：

<label><input type="checkbox" id="Hidden" name="Hidden" class="hidden"/>Hidden</label>

<form id="form1" name="form1" method="post" action="">
    <label><input type="checkbox" name="SelectAll" class="all" />All</label>
    <label><input type="checkbox" name="5" class="selector" />5</label>
    <label><input type="checkbox" name="7" class="selector" />7</label>
    <label><input type="checkbox" name="9" class="selector" />9</label>
</form>

---

当文档准备就绪时，您可以

切换它

看

尝试使用CSS隐藏
。选择器
：

.selector {
    display: none;
}

这是一个基于CSS的解决方案，没有JS更改

使用
display:none
隐藏
.selector
元素，但还要注意将
checked
属性添加到“Hidden”复选框中，以便界面仍然有意义（否则切换行为将与隐藏复选框相反）


$（“#隐藏”）。在（“单击”，函数（）{
$（“.selector”）.toggle（）；
});
选择器{
显示：无；
}

隐藏的
全部的
5.
7.
9
我同意上面Maarten的解决方案，但挑剔的是，在复选框中添加一个“selector hidden”类并进行切换更有意义

CSS:

JQuery：

$( "#Hidden").on( "click", function() {
    $(".selector-hidden").toggle();
});


这样，可以使用“selector”类设置选择器的样式，但可以通过切换“selector hidden”类来隐藏选择器

.selector {
    display: none;
}

.selector-hidden {
    display: none;
}

$( "#Hidden").on( "click", function() {
    $(".selector-hidden").toggle();
});