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树插件zTree使用方法详解
May 02 jQuery
JQuery实现定时刷新功能代码
May 09 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
jquery实现手风琴案例
May 04 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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/10/09 PHP
教你如何使用php session
2013/10/28 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
PHP扩展框架之Yaf框架的安装与使用
2016/05/18 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
javascript在myeclipse中报错的解决方法
2013/10/29 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
Python中apply函数的用法实例教程
2014/07/31 Python
python中的五种异常处理机制介绍
2014/09/02 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
深入解析Python中的线程同步方法
2016/06/14 Python
python实现excel读写数据
2021/03/02 Python
使用Pytorch来拟合函数方式
2020/01/14 Python
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
同居协议书范本
2014/04/23 职场文书
党小组鉴定意见
2015/06/02 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript