select全选和反选

来源:互联网 发布:sql转换成日期格式函数 编辑:程序博客网 时间:2024/06/16 10:10
var all = document.getElementById("select_all");                var vip = document.getElementsByName("vip"),l = vip.length;                all.onclick = function(){                    for(var i=l;i--;){                        vip[i].checked = all.checked;                    }                };                for(var i=l;i--;){                    vip[i].onclick = function(){                        var k = 0;                        for(var i=l;i--;)vip[i].checked && k++;                        all.checked = l==k;                    };                }

jq

$("#checkall").click(function() {
    if($('#checkall').is(':checked')){
        $('input[name="subBox"]').prop("checked", true);
    }else{ console.log($('#checkall').is(':checked'))
        $('input[name="subBox"]').prop("checked", false);
    }
});
var $subBox = $("input[name='subBox']");
$subBox.click(function(){
    console.log($("input[name='subBox']:checked").length)
    console.log($subBox.length)
    if($subBox.length == $("input[name='subBox']:checked").length){
        $("#checkall").prop("checked", true);
    }else{
        $("#checkall").prop("checked", false);
    }


});

原创粉丝点击