多选框展示值选择,并设置选中状态不改变

$(document).ready:元素开始加载
window.onload :页面渲染完毕


//取出当前页面url中所携带的参数,name为需要取出的参数名称
function getQueryString(name) {
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return unescape(r[2]);
            }
            return null;
        }
        
得到当前元素的下一个元素的值,例如多选框的展示值和value
mui('body').on('tap','#commStrBtu_ok',function (){
        var r=document.getElementsByName("commIds");
        var commStr = "";
        for(var i=0;i             if(r[i].checked){           //检查是否被选中
                $(r[i]).attr("checked",true);     //若选中,则checked=true。attr/html自带元素、prop/自定义元素
                commStr += r[i].nextSibling.nodeValue+"|";   //得到当前元素的下一个元素的值
            }else {
                $(r[i]).attr("checked",false);
            }
        }
        if(commStr.replace(/(^s*)|(s*$)/g, "").length == 0){     //检查是否为空:commStr.replace(/(^s*)|(s*$)/g, "").length == 0
            document.getElementById("commStr").innerHTML="佣金类型不能为空";
        }else {
            document.getElementById("commStr").innerHTML=commStr;
        }
    });
    
    r[i].nextSibling.nodeValue:得到当前元素的下一个值,可用于选择框的值展示

你可能感兴趣的:(前端)