JQ
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript"> function Select(obj) { //获取参数 var str = $(obj).attr('data-name'); //获取name=color的input标签 var name = $('input[name=color]'); //循环name=color的input标签 for (var i = 0; i < name.length; i++) { switch (str) { case 'Q': //全选为true name[i].checked = true; break; case 'F': //取反为对立 name[i].checked = !name[i].checked; break; case 'B': //不选为false name[i].checked = false; break; } } }//var num = $("input[type=checkbox]:checked").length;
</script>HTML
<input type="checkbox" name="color" value="红色" />红色
<input type="checkbox" name="color" value="黑色" />黑色 <input type="checkbox" name="color" value="绿色" />绿色 <input type="checkbox" name="color" value="蓝色" />蓝色 <br /> <br />  <input type="button" name="name" value="全选" data-name="Q" οnclick="Select($(this))" />  <input type="button" name="name" value="反选" data-name="F" οnclick="Select($(this))" />  <input type="button" name="name" value="不选" data-name="B" οnclick="Select($(this))" />