[JavaScript/JQuery] jquery 复选框全选全不选反选

SDHDFK

于 2015-11-26 11:53:08 发布

阅读量513

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/SDHDFK/article/details/50053991

本文介绍了一个使用jQuery简化Checkbox操作的示例，包括全选、全不选及反选功能，并展示了如何获取已选中的Checkbox值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function () {
//全选
$("#CheckedAll").click(function () {
$('[name=items]:checkbox').attr('checked', true);
});
//全不选
$("#CheckedNo").click(function () {
$('[type=checkbox]:checkbox').attr('checked', false);
});
//反选
$("#CheckedRev").click(function () {
$('[name=items]:checkbox').each(function () {
//此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
//$(this).attr("checked", !$(this).attr("checked"));
http://www.lzfsk.com/fkjb/ydy/8080.html
http://www.lzfsk.com/fkjb/ydy/8081.html
http://www.lzfsk.com/fkjb/ydy/8082.html
http://www.lzfsk.com/fkjb/ydy/8084.html
http://www.lzfsk.com/fkjb/ydy/8085.html
//直接使用JS原生代码，简单实用
this.checked = !this.checked;
});
});
//输出值
$("#send").click(function () {
var str = "你选中的是：\r\n";
$('[name=items]:checkbox:checked').each(function () {
str += $(this).val() + "\r\n";
})
alert(str);
});
})

[JavaScript/JQuery] jquery 复选框全选 全不选 反选