Javascript 仅选择第一列复选框jquery

Javascript 仅选择第一列复选框jquery,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我正在尝试选择简单表的第一列。 这是我的代码,但它在表中显示“全选”复选框。如何避免它 Html JQuery 预期产量 这里选中了表中的所有复选框,但我只想选中表中的第一列复选框。请向我建议更好的方法将复选框选择器更改为仅选择一行中第一个td的复选框:td:first child $'selectAll'。单击函数E{ var table=$e.target.最近的'table'; $'td:first child input:checkbox',table.prop'checked',th

我正在尝试选择简单表的第一列。 这是我的代码,但它在表中显示“全选”复选框。如何避免它

Html

JQuery

预期产量


这里选中了表中的所有复选框,但我只想选中表中的第一列复选框。请向我建议更好的方法

将复选框选择器更改为仅选择一行中第一个td的复选框:td:first child

$'selectAll'。单击函数E{ var table=$e.target.最近的'table'; $'td:first child input:checkbox',table.prop'checked',this.checked; }; 全选! 测验 你好 测验 你好 测验
将复选框选择器更改为仅选择行中第一个td中的复选框:td:first child

$'selectAll'。单击函数E{ var table=$e.target.最近的'table'; $'td:first child input:checkbox',table.prop'checked',this.checked; }; 全选! 测验 你好 测验 你好 测验
您需要在每行的第一个td上应用更改

这是工作代码

$'selectAll'。单击函数E{ $e.target.closest'table'。findtr td:第一个子输入:复选框.prop'checked',this.checked }; 全选! 测验 你好 测验 你好 测验
您需要在每行的第一个td上应用更改

这是工作代码

$'selectAll'。单击函数E{ $e.target.closest'table'。findtr td:第一个子输入:复选框.prop'checked',this.checked }; 全选! 测验 你好 测验 你好 测验
使用下面的。它在每个tr下选择第一个td,然后在其下选择复选框

 $('tr td:first-child input[type=checkbox]',table).prop('checked',this.checked);

使用下面的。它在每个tr下选择第一个td,然后在其下选择复选框

 $('tr td:first-child input[type=checkbox]',table).prop('checked',this.checked);

您想使用td:first-child

$'selectAll'。单击函数E{ var table=$e.target.最近的'table'; table.find'td:first child input:checkbox'。prop'checked',this.checked; }; 全选! 测验 你好 测验 你好 测验
您想使用td:first-child

$'selectAll'。单击函数E{ var table=$e.target.最近的'table'; table.find'td:first child input:checkbox'。prop'checked',this.checked; }; 全选! 测验 你好 测验 你好 测验
不要复制ID,而是使用类!您也不能以数字开头和id。不要重复id,而是使用类!您也不能以数字开头和标识。
 $('tr td:first-child input[type=checkbox]',table).prop('checked',this.checked);