JQuery 进入页面默认给已赋值的复选框打钩
更新时间:2017年03月23日 11:59:46 作者:Resources
这篇文章主要介绍了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 进入页面默认给已赋值的复选框打钩,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
解析jQuery的三种bind/One/Live事件绑定使用方法
本篇文章主要是对jQuery的三种bind/One/Live事件绑定使用方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2013-12-12jquery+ajax实现省市区三级联动(封装和不封装两种方式)
这篇文章主要为大家详细介绍了jquery+ajax实现省市区三级联动的相关代码,包括封装和不封装两种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05
最新评论