复选框的遍历和选中设置

复选框设置

<strong>应分配部门:</strong>
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="bgs" value="办公室" >办公室
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="fzchb" value="发展策划部">发展策划部 
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="cwzcb" value="财务资产部">财务资产部 
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="rlzyb" value="人力资源部">人力资源部
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="aqzlb" value="安全质量部">安全质量部
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="jcsjb" value="监察审计部">监察审计部
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="yfzx" value="研发中心">研发中心
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="yxfwzx" value="营销服务中心">营销服务中心
                <input type="checkbox" name="fpbm" onclick="yfpbm()" id="xmglzx" value="项目管理中心">项目管理中心
                <input type="hidden" id="approveDepartment" name="approveDepartment" />

遍历复选框并获取值

    //遍历复选框并获取复选框的值
     function yfpbm(){ 
        var checkboxes = document.getElementsByName("fpbm"); 
        var str = []; 
        for(i=0;i<checkboxes.length;i++){ 
            if(checkboxes[i].checked){ 
                str.push(checkboxes[i].value); 
            } 
         } 
         document.getElementById("approveDepartment").value = str;
         if(!(""==str)){

             document.getElementById("approveIdea").innerHTML = ""+str+" 尽快处理!"; 
         }else{
             document.getElementById("approveIdea").innerHTML = "不宜展示,不必处理!";
         }
    } 

js设置选中复选框

var shyj = "<%=turn(OpinionXX.getAuditDepartment())%>";
    if(shyj.indexOf("办公室") >= 0){
        var bgs = document.getElementById("bgs");
        bgs.checked = true;
    }

 

posted @ 2017-05-19 09:36  平林漠漠  阅读(3323)  评论(0编辑  收藏  举报