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 相关文章推荐
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 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中常用的预定义变量小结
2012/05/09 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
ExtJS4给Combobox设置列表中的默认值示例
2014/05/02 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
2016/05/12 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
vue router demo详解
2017/10/13 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
Python Numpy 实现交换两行和两列的方法
2019/06/26 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
python内存动态分配过程详解
2019/07/15 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
python小白学习包管理器pip安装
2020/06/09 Python
Python类及获取对象属性方法解析
2020/06/15 Python
python 实现音频叠加的示例
2020/10/29 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
大专生简历的自我评价
2013/11/26 职场文书
模具毕业生推荐信
2014/02/15 职场文书
人力资源主管职责范本
2014/03/05 职场文书
安全协议书范本
2014/04/21 职场文书
2014年专项整治工作总结
2014/11/17 职场文书
信访工作个人总结
2015/03/03 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python