欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery 进入页面默认给已赋值的复选框打钩

程序员文章站 2022-06-02 10:42:27
   效果:     jquery代码: $("#menutree").find("div span").click(function...

   效果:

JQuery 进入页面默认给已赋值的复选框打钩

    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 进入页面默认给已赋值的复选框打钩,希望对大家有所帮助