1 <script type="text/javascript">
2 $(function(){
3 //全选
4 $("#CheckedAll").click(function(){
5 $('[name=items]:checkbox').attr('checked', true);
6 });
7 //全不选
8 $("#CheckedNo").click(function(){
9 $('[type=checkbox]:checkbox').attr('checked', false);
10 });
11 //反选
12 $("#CheckedRev").click(function(){
13 $('[name=items]:checkbox').each(function(){
14 //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
15 //$(this).attr("checked", !$(this).attr("checked"));
16
17 //直接使用JS原生代码,简单实用
18 this.checked=!this.checked;
19 });
20 });
21 //输出值
22 $("#send").click(function(){
23 var str="你选中的是:\r\n";
24 $('[name=items]:checkbox:checked').each(function(){
25 str+=$(this).val()+"\r\n";
26 })
27 alert(str);
28 });
29 })
30
31 </script>