jQuery检查所有复选框

Html

Css

 
          php 
          c++ 
          js 
          html 
          
          全选/全不选

$(function() {

//全选/全不选
     $("#all").click(function() {
         $("[name=items]:checkbox").prop("checked", this.checked);
     });
     $("[name=items]:checkbox").click(function() {
         var flag = true;
         $("this").each(function() {
             if (!this.checked) {
                 flag = false;
             }
         });
         $("#all").prop("checked", flag);
     })

//全选
     $("#selectAll").click(function() {
         $("[name=items]:checkbox").each(function() {
             $(this).prop("checked", true);
         })
     });

//取消
     $("#unSelect").click(function() {
         $("[name=items]:checkbox").each(function() {
             $(this).prop("checked", false);
         })
     })

//反选
     $("#reverse").click(function() {
         $("[name=items]:checkbox").each(function() {
             //如果当前复选框已选中，则则执行关闭
             if ($(this).prop("checked")) {
                 $(this).prop("checked", false);
             }
             //否则选中 
             else {
                 $(this).prop("checked", true);

}
         });
     })

})

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.9.1

立即下载

jQuery检查所有复选框



代码描述：jQuery复选框、全选、反选、取消、选中输出等功能

prop() 方法设置或返回被选元素的属性和值。
由于jquery版本的变更，新版本出现只能点击一次，老一点的版本是可以的，新的版本不可以使用attr来设置选中状态了。
第一种解决方法是可以使用js原生的方法
this.checked=true/false;
第二种解决方法是把attr换成prop。

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

insist

相关代码

jQuery检查所有复选框

最新