仅选择一个复选框时选中所有复选框

Question

如何在单击时选中所有复选框，而每个复选框都使用JavaScript具有唯一名称？请提供代码。

 </div><!-- /.box-header -->
 <div class="box-body">
 <form name="permissionfrm" method="post" id="permissionfrm">
 <input type="hidden" name="permission" id="permission" value="assignpermission" />
  <table id="example1" class="table table-bordered table-striped">
    <thead>
     <tr>
      <th>Give All Permissions
      </th><td><input type="checkbox" name="addadmin" id="addadmin" value="Check All" onClick="this.value=check(this.form.list)"/></td>
      </tr>
      <tr>
        <th>Add</th>
        <th>Edit</th>
        <th>View</th>
        <th>Delete</th>
      </tr>
     </thead>
    <tbody>

Answer 1

利用共同的课程。将common class添加到所有输入checkbox

<input type="checkbox" class="check"...
                       ^^^^^^^^^^^^

在jQuery on按钮上单击：

$('.check').prop('checked', true);  

Answer 2

使用的好方法是将类名称分配给您在单击该特定元素后要检查的人员。

<input type="checkbox" class="class_name" >

现在jquery将为您完成工作。 在元素的click事件之后，选中复选框

$(".class_name").click(function(){
    $('#myCheckbox').attr('checked', true);
});

此处，mycheckbox是您要为其选中复选框的所有复选框的id's。

希望这可以帮助你!!