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

1. $(function () {http://www.kmnk01.com/hxpfk/2015/myzj_1125/107.html
2. //全选
3. $("#CheckedAll").click(function () {
4. $('[name=items]:checkbox').attr('checked', true);http://www.kmnk01.com/hxpfk/2015/myzj_1125/108.html
5. });
6. //全不选
7. $("#CheckedNo").click(function () {
8. $('[type=checkbox]:checkbox').attr('checked', false);
9. });http://www.kmnk01.com/hxpfk/2015/myzj_1125/109.html
10. //反选
11. $("#CheckedRev").click(function () {http://www.kmnk01.com/hxpfk/2015/zlff_1125/116.html
12. $('[name=items]:checkbox').each(function () {http://www.kmnk01.com/hxpfk/2015/myzj_1125/110.html
13. //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
14. //$(this).attr("checked", !$(this).attr("checked"));
15. http://www.kmnk01.com/hxpfk/2015/myzj_1125/111.html
16. //直接使用JS原生代码，简单实用
17. this.checked = !this.checked;
18. });http://www.kmnk01.com/hxpfk/2015/zlff_1125/112.html
19. });
20. //输出值
21. $("#send").click(function () {http://www.kmnk01.com/hxpfk/2015/zlff_1125/113.html
22. var str = "你选中的是：\r\n";
23. $('[name=items]:checkbox:checked').each(function () {
24. str += $(this).val() + "\r\n";http://www.kmnk01.com/hxpfk/2015/zlff_1125/114.html
25. })
26. alert(str);
27. });http://www.kmnk01.com/hxpfk/2015/zlff_1125/115.html