javascript - 使用 Jquery 隐藏复选框

Question

我用 jquery 为复选框准备了这个隐藏功能。 https://jsfiddle.net/o2c8z5xw/单击“隐藏”时，复选框会消失。当页面打开时，我如何默认执行此操作而不是单击？

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>

J查询代码:

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

Answer 1

当文档准备好时，您可以切换它。

参见 updated js fiddle here.

$(document).ready(function(){

  $(".selector").toggle();
  $("#Hidden").prop('checked', true);

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

});