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实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 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
mysql+php分页类(已测)
2008/03/31 PHP
PHP4中session登录页面的应用
2008/07/25 PHP
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
PHP 断点续传实例详解
2017/11/11 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
浅谈javascript中createElement事件
2014/12/05 Javascript
javascript显式类型转换实例分析
2015/04/25 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
jquery实现简单的遮罩层
2016/01/08 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
Python程序设计入门(5)类的使用简介
2014/06/16 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
Python作用域与名字空间原理详解
2020/03/21 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
学前教育教师求职自荐信
2013/09/22 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书