使用 jquery 问题选择所有复选框且功能不起作用

Question

第一：如何选择所有具有指定ID的复选框？

第二：

我得到：

<a href="javascript://" id="chkbox:all">Click to select all of the checkboxes</a>

然后在脚本的顶部我使用这个：

$(function () {
 $('#chkbox:all').click(function () {
  alert(1);
 });
});

并且 alert 没有出现在我的屏幕上 - 意味着该功能没有运行 - 为什么会发生这种情况？

Answer 1

如果您尝试设置超过 1 个具有相同 ID 的复选框，则应该使用类，因为 ID 应该是唯一标识符。

另外，不要使用“:all”作为标识符的一部分，因为 jQuery 可能认为您想要使用选择器...尝试更改它，您的代码应该可以工作:)

Answer 2

有两件事：

1. 没有选择器 :all 并且您不能在 ID 中使用冒号 - 考虑到
2. ID 必须是唯一的。不能有 2 个或更多具有相同 ID 的元素。

您需要使用另一种策略来查找所有复选框。像这样的事情：

$('input:checkbox').click( /* ... */ );

或者向所有复选框添加一个类并执行以下操作：

$('input.yourclass:checkbox').click( /* ... */ );

如果您想单击一个链接并选中所有复选框，请尝试以下操作：

// check on all the checks
$('#all-link-id').click(function(){ 
  $('input.yourclass:checkbox').attr('checked', true);
});

// check off all the checks
$('#none-link-id').click(function(){ 
  $('input.yourclass:checkbox').removeAttr('checked');
});