jQuery 的全选(全非选)即取得被选中的值使用介绍

2022-01-11,,,

全选、全非选即取得被选中的值在日常开发应用中很广泛,下面有个不错的示例,大家可以感受下

页面代码
复制代码 代码如下:

全部












js中的代码
复制代码 代码如下:
/*js部分
* 绑定批量选定/非选
* 例子
*/

$(function () {
$("#checkall").click(function () {
var stu = $(this).attr("checked");
checkAll(stu);
})
$("input[name='checkbox']").click(function () {
uncheckAll();
})
})
function checkAll(status) {
$("input[name='checkbox']").each(function () {
$(this).attr("checked");
$(this).attr("checked", status);
})
}

function uncheckAll() {
alert($("input[name='checkbox']:checked").length);
if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) {
$("#checkall").attr("checked",true);
}
else {
$("#checkall").attr("checked", false);
}
}

以上就是jQuery 的全选(全非选)即取得被选中的值使用介绍的详细内容,更多请关注本站其它相关文章!

《jQuery 的全选(全非选)即取得被选中的值使用介绍.doc》

下载本文的Word格式文档,以方便收藏与打印。