lh460795
 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>

 

分类:

技术点:

相关文章: