jquery - 使用 jquery 获取包含表中的所有输入

Question

我正在尝试在 jQuery 中制作一个“全选”样式的复选框。这是当前标记:

<table>
  <thead>
     <tr>
       <th><input class='select-all' type='checkbox' /></th>
        //etc..
     </tr>
  </thead>
  <tbody>
    <tr>
      <td><input class='list-select' type='checkbox' /><td>
     //etc..
    </tr>
    //more <tr>s..
  </tbody>
</table>

从全选复选框的点击事件中获取所有“列表选择”复选框的最简单方法是什么？

$(".select-all").click(function() {

});

页面上可能有多个这些，因此它必须是相对的。即我不能只使用 $(".list-select")

Answer 1

这是一个快速的 fiddle 示例:http://jsfiddle.net/ru3Nv/

核心是:

$('.select-all').click(function(){
    $(this).parents('table').find('.list-select').prop("checked", $(this).prop("checked"));
});

请注意，我还建议在 .list_select 框中添加监听器，以便如果其中任何一个未选中，则全选也将变为未选中，如果单独选中所有这些，则全选也会被选中。