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);
  });
 });
});

我正确地获得了控制台日志,唯一不同的是,收音机盒没有被检查.

小提琴位于这里 - http://jsfiddle.net/dAJM8/

Answer 1

检查jsFiddle

JQuery的

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