美文网首页
checkbox 全选

checkbox 全选

作者: 説詩 | 来源:发表于2019-01-09 10:16 被阅读0次
    $("#quanxuan").click(function(){//给全选按钮加上点击事件
            var xz = $(this).prop("checked");//判断全选按钮的选中状态
            var ck = $(".qx").prop("checked",xz);  //让class名为qx的选项的选中状态和全选按钮的选中状态一致。  
            })
    

    不能用下面的方法:

    <script type="text/javascript">
    function quanxuan(a)
    {
        //找到下面所有的复选框
        var ck =document.getElementsByClassName("qx");
        
        //遍历所有复选框,设置选中状态。
        for(var i=0;i<ck.length;i++)
        {
            if(a.checked)//判断全选按钮的状态是不是选中的
            {
                ck[i].setAttribute("checked","checked");//如果是选中的,就让所有的状态为选中。
            }
            else
            {
                ck[i].removeAttribute("checked");//如果不是选中的,就移除所有的状态是checked的选项。
            }
        }
    }
    </script>
    

    相关文章

      网友评论

          本文标题:checkbox 全选

          本文链接:https://www.haomeiwen.com/subject/nwdwrqtx.html