全选和反选的效果怎么做？

最新推荐文章于 2024-09-11 15:33:18 发布

kakaxiD

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量628

点赞数

文章标签： checkbox javascript

本文链接：https://blog.csdn.net/kakaxiD/article/details/52702382

版权

我的html结构是这样的！！！！
这里写图片描述

js代码是这样的~

    $(".allcheck input").bind("click",function(){
        if(this.checked){
            $("#table :checkbox").attr("checked",true);
        }else{
            $("#table :checkbox").attr("checked",false);
        }
    });

一开始我用的是attr，但是发现点击三次之后没有效果~找了半天发现原因是要换成prop，这问题就愉快的解决了！

    $(".allcheck input").bind("click",function(){
        if(this.checked){
            $("#table :checkbox").prop("checked",true);
        }else{
            $("#table :checkbox").prop("checked",false);
        }
    });

其他朋友的方法是这样的

//全选反选
        function chooseInp(){
            if($('#chooseAll').prop("checked")){
                $('input[name="xf_ht_searchinp"]').each(function(){
                $(this).prop("checked", true);
                });
            }else{
                $('input[name="xf_ht_searchinp"]').each(function(){
                $(this).prop("checked", false);
                });
            }
        }