在网上找的很多全选反选的,发现好多进行反选操作以后,全选和全不选操作就会出问题,然后自己经过几个小时整理了一些。
<script type="text/javascript">
//全不选方法一
// $("#allNotCheck").click(function() {
// $(":checkbox").each(function(){
// this.checked=false;
// });
// });
//全不选方法二
// $("#allNotCheck").click(function() {
// $(":checkbox").each(function(){
// $(this).prop("checked",false);
// });
// });
//全不选方法三
// $("#allNotCheck").click(function () {
// $(":checkbox").prop("checked",false);
// });
//全选方法一(对应着全不选方法一,使用时需要成对出现)
// $("#allCheck").click(function() {
// $(":checkbox").each(function(){
// this.checked=true;
// });
// });
//全选 方法二(配全不选方法二)
// $("#allCheck").click(function() {
// $(":checkbox").each(function(){
// $(this).prop("checked",true);
// });
// });
//全选 方法三(配合全不选方法三)
// $("#allCheck").click(function () {
// $(":checkbox").prop("checked",true);
// });
//反选方法一 (反选方法没有必须对应的全选或者全不选方法)
// $("#checkInversion").click(function() {
// $("input:checkbox").each(function() {
// this.checked = !this.checked;
// });
// });
//全部反选二<span style="font-family: Arial, Helvetica, sans-serif;">(反选方法没有必须对应的全选或者全不选方法)</span>
// $("#checkInversion").click(function(){
// var $checkbox=$(":checkbox");
// var checkbox =$checkbox;
// for(var i=0;i<checkbox.size();i++){
// checkbox[i].checked=!(checkbox[i].checked);
// }
// });
//反选方法三<span style="font-family: Arial, Helvetica, sans-serif;">(反选方法没有必须对应的全选或者全不选方法)</span>
// $("#checkInversion").click(function(){
// var $chk=$(":checkbox");
// for (var i = 0; i < $chk.length; i++) {
// $chk.get(i).checked = !$chk.get(i).checked;
// }
// });
</script>
上面代码需要导入jQuery,导入jquery-1.6.js