码迷,mamicode.com
首页 > Web开发 > 详细

jquery判断checkbox是否选中及改变checkbox状态

时间:2016-10-21 11:15:04      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:改变   list   选中   cli   each   type   ons   div   全选和反选   

在用jquery判断checkbox 的选中上.

在用的$().attr(‘checked‘)做全选和反选的时候出现一个问题,点第一二次 可以选中和全不选, 但第三次的时候就没有反应了

 

之后用了$().prop()  就可以了

//全选和全不选
    $("#allorone_check").click(function(){
        if(!$(this).hasClass("selectall")){
            console.log($("#lxyzlist input[type=checkbox]"));
            $(".tbodylist input:checkbox").prop("checked",true);
            $(this).addClass("selectall");
        }else{
            $("#lxyzlist input:checkbox").prop("checked",false);
            $(this).removeClass("selectall");
        }
    });
    //反选
    $("#invert_check").click(function(){
         $(".tbodylist input[type=checkbox]:checkbox").each(function () {   
                //$(this).attr("checked", !$(this).prop("checked"));   
                 $(this).prop("checked", function(index, attr){
                    return !attr;
                });
         }); 
    });

 

jquery判断checkbox是否选中及改变checkbox状态

标签:改变   list   选中   cli   each   type   ons   div   全选和反选   

原文地址:http://www.cnblogs.com/demongao/p/5983608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!