layer 复选框反选功能,以及获取复选框的选择状态。

其实我用过许多方法,发现layer的复选框用$("#id").checked以及 $(".class").checked等等是无法获取和改变它值的,只能用下面的循环语句获取复选框的选中状态,应该是layer本身把相关事件给屏蔽了吧。

//反选 
        function DoCheck() {
            //layui-unselect layui-form-checkbox layui-form-checked选择
            //layui-unselect layui-form-checkbox 未选择
 
            /**
            var test = document.getElementsByClassName("input");
 
            for (var i = 0; i < ch.length; i++) {
                if (test[i].type == "checkbox") {// && test[i].name.indexOf(checkBoxLikeName) != -1这个条件是要查找具体的checkbox name
 
                    if (test[i].checked == true)
                        test[i].checked = false;
                    else
                        test[i].checked = true;
                }
            }*/
 
            var ch = document.getElementsByClassName("checkbox19871");
 
            for (var i = 0; i < ch.length; i++) {
                if (ch[i].checked == true)
                    ch[i].checked = false;
                else
                    ch[i].checked = true;
            }
 
 
            var ch = document.getElementsByClassName("layui-unselect layui-form-checkbox");
 
            for (var i = 0; i < ch.length; i++) {
                if (ch[i].className == "layui-unselect layui-form-checkbox") {
                    ch[i].className = "layui-unselect layui-form-checkbox layui-form-checked";
                }
                else {
                    ch[i].className = "layui-unselect layui-form-checkbox";
                }
 
            }
 
 
            /*for(var i=0;i

layer 复选框反选功能,以及获取复选框的选择状态。_第1张图片

你可能感兴趣的:(javascript,layer,layui)