復選框的遍歷和選中設置

復選框設置

<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;
    }