本文介绍了一个使用jQuery实现全选与反选功能的方法。通过点击全选按钮可以实现页面上所有指定复选框的选择状态切换。该示例包括了jQuery代码及相应的HTML结构。
jQuery代码：
$(function() {
//全选、反选
$('#chooseAll').click(function() {
var list = $('[name=ids]').length;
if ($('#chooseAll').attr("checked") == true) {
for ( var i = 0; i < list; i++) {
$('[name=ids]').attr("checked", "true");
}
} else if ($('#chooseAll').attr("checked") == false) {
$('[name=ids]').click();
}
});
});
页面HTML代码：
<input type="checkbox" name="ids" id="ids" value="${id}" />
全选的
<input type="checkbox" name="chooseAll" id="chooseAll" />
$(function() {
//全选、反选
$('#chooseAll').click(function() {
var list = $('[name=ids]').length;
if ($('#chooseAll').attr("checked") == true) {
for ( var i = 0; i < list; i++) {
$('[name=ids]').attr("checked", "true");
}
} else if ($('#chooseAll').attr("checked") == false) {
$('[name=ids]').click();
}
});
});
页面HTML代码：
<input type="checkbox" name="ids" id="ids" value="${id}" />
全选的
<input type="checkbox" name="chooseAll" id="chooseAll" />
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
