javascript - jQuery 动态标记所有复选框已选中

Question

我有以下 HTML 结构 -

<div class="first_checkbox">
<input type="checkbox" name="checkbox"  class="all-checkbox" value="">
</div>

<table>
    <tr>
        <td>
            <input type="checkbox" name="checkbox-32" id="checkbox-32" value="" style="opacity: 0;" />
        </td>
        <td class="h_pincode">380059</td>
        <td class="b_add2">Nr. Swatik Cross Road, Navrangpura</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="checkbox-34" id="checkbox-34" value="" style="opacity: 0;" />
        </td>
        <td class="h_pincode">380015</td>
    </tr>
</table>

我要实现的功能是，当我点击第一个单选框时，s中的所有后续复选框都被选中。

执行此操作的 JS 如下 -

$(function(){
  $(".all-checkbox").on("click", function(){
  $('input[type=checkbox]').each(function(ind, val){
      $(this).prop('checked', 'checked');
      console.log(this.name + ' ' + this.value + ' ' + this.checked);
  });
 });
});

我正在正确获取控制台日志，唯一不同的是，没有选中单选框。

fiddle 位于此处 - http://jsfiddle.net/dAJM8/

Answer 1

检查jsFiddle

JQuery

 $("#checkbox-all").click(function () {
     $('input:checkbox').not(this).prop('checked', this.checked);
 });