- $(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 复选框全选 全不选 反选
最新推荐文章于 2023-09-22 09:08:52 发布