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>