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


Posted in jQuery onMarch 23, 2017

   效果:

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 相关文章推荐
Jquery EasyUI $.Parser
Jun 02 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery实现高级检索功能
May 28 jQuery
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 #jQuery
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 #jQuery
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 #jQuery
jQuery插件Echarts实现的渐变色柱状图
Mar 23 #jQuery
jquery实现图片平滑滚动详解
Mar 22 #jQuery
jQuery轻松实现无缝轮播效果
Mar 22 #jQuery
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 #jQuery
You might like
使用PHP数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
PHP查询快递信息的方法
2015/03/07 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
document.createElement()用法
2013/03/13 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
python将字符串转换成数组的方法
2015/04/29 Python
Python中的枚举类型示例介绍
2019/01/09 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2019/10/30 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
通信专业个人自我鉴定
2013/10/21 职场文书
毕业生的自我评价分享
2013/12/18 职场文书
社会保险接收函
2014/01/12 职场文书
人民教师求职自荐信
2014/03/12 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
考博导师推荐信范文
2015/03/27 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
python编写函数注意事项总结
2021/03/29 Python
html+css合并表格边框的示例代码
2021/03/31 HTML / CSS
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android
使用HttpSessionListener监听器实战
2022/03/17 Java/Android