DIV CSS 佈局教程網

   效果：

　　　　JQuery代碼：

$("#menuTree").find("div span").click(function () {
    currmenuid = this.id;
    var currmenuname = LoadCurrMenuName();
    $('#authName').text(currmenuname);
    //默認給已賦值的菜單打鉤
    var rightvalue= AutoCheck();
    var str = "";
    var strArr = [];
    for (var i = 0; i < rightvalue.length; i++) {
     str = rightvalue[i];
     strArr.push(str);
    }
    var input = $('.che');
    for (var n = 0; n < strArr.length; n++) {
     if (strArr[n] == 1) {
      input[n].checked = true;
     }
     else {
      input[n].checked = false;
     }
    }
   })

　　　　HTML代碼：

<div style="width:100%; margin:auto">
      <fieldset class="duxuan">
       <legend id="authName" style="font-size:12px;">權限管理</legend>
       <div class="duleft">
        <ul>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_1" />有效 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_2" />銀碼 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_3" />查詢 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_4" />新增 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_5" />修改 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_6" />刪除 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_7" />提交 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_8" />統計 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_9" />復核 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_10" />簽收 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_11" />返回 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_12" />導出 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_13" />打印 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_14" />查看 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_15" />隸屬角色 </li>
         <li> <input class="che" type="checkbox" name="CheckboxGroup1" value="0" id="CheckboxGroup1_16" />隸屬用戶 </li>
        </ul>
       </div>
       <div class="duright">
        <div class="rleft">
         <div class="rlup" id="selectAll" role="button">全選</div>
         <div class="rldown" id="resetAll" role="button">清空</div>
        </div>
        <div class="rright" id="saveAll">
         保存權限
        </div>
       </div>
      </fieldset>
     </div>

以上所述是小編給大家介紹的JQuery 進入頁面默認給已賦值的復選框打鉤，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！