使用 jquery 问题选择所有复选框并且不起作用答案

【问题标题】：Select all checkboxes using jquery issue and not working function使用 jquery 问题选择所有复选框并且不起作用
【发布时间】：2011-12-04 23:19:28
【问题描述】：

首先：如何选择指定 ID 的所有复选框？

第二个：

我明白了：

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

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

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

而alert 没有出现在我的屏幕上 - 表示该功能没有运行 - 为什么会发生？

【问题讨论】：

标签： jquery select checkbox

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

两件事：

没有选择器 :all 并且您不能在 ID 中使用冒号 - 去掉它
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');
});

【讨论】：

我不想点击复选框来选中所有复选框。我想点击href，然后所有的复选框都应该被选中/取消选中。