jquery选择所有复选框
jquery选择所有复选框
提问于 2009-12-10 19:16:34
我有一系列的复选框，通过ajax一次加载100个。
我需要这个jquery让我有一个按钮，当按下时，在屏幕上检查所有。如果加载了更多，并且按下了按钮，则可能会将所有选项都关闭，然后再次按下按钮，则会将所有选项重新打开。
这就是我所拥有的，显然它对我不起作用。
$(function () {
$('#selectall').click(function () {
$('#friendslist').find(':checkbox').attr('checked', this.checked);
});
});按钮是#selectall，复选框是.tf类，它们都驻留在名为#check的父目录中，位于名为#friend的目录中，位于名为#friendslist的目录中
示例：
<div id='friendslist'>
<div id='friend'>
<div id='check'>
<input type='checkbox' class='tf' name='hurr' value='durr1'>
</div>
</div>
<div id='friend'>
<div id='check'>
<input type='checkbox' class='tf' name='hurr' value='durr2'>
</div>
</div>
<div id='friend'>
<div id='check'>
<input type='checkbox' class='tf' name='hurr' value='durr3'>
</div>
</div>
</div>
<input type='button' id='selectall' value="Select All">回答 19
Stack Overflow用户
回答已采纳
发布于 2012-02-10 14:48:20
我知道我是在重温一个老帖子，但当这个问题被问到时，这个页面显示为Google的顶级结果之一。我之所以重提这一点，是因为在jQuery 1.6及更高版本中，应该使用prop()来表示“选中”状态，而不是使用传递true或false的attr()。更多信息here。
例如，Henrick的代码现在应该是：
$(function () {
$('#selectall').toggle(
function() {
$('#friendslist .tf').prop('checked', true);
},
function() {
$('#friendslist .tf').prop('checked', false);
}
);
});Stack Overflow用户
发布于 2009-12-10 19:17:41
$('#friendslist .tf')此选择器将满足您的需要
Stack Overflow用户
发布于 2009-12-11 08:29:13
使用jquery切换函数。然后，您还可以执行与这些更改一起执行的任何其他更改。例如将按钮的值改变为“全部检查”或“全部取消检查”。
$(function () {
$('#selectall').toggle(
function() {
$('#friendslist .tf').attr('checked', 'checked');
},
function() {
$('#friendslist .tf').attr('checked', '');
}
);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1880313
复制相关文章
相似问题
腾讯云开发者
