layui checkbox默认选中,获取选中值,清空所有选中项的例子


Posted in Javascript onSeptember 02, 2019

废话不多说,直接上代码吧:

var arr = res.data;
var myCheckbox = $("input[name='MenuArr']");
myCheckbox.prop('checked', false); //切换下拉选项时,清空所有选中状态
form.render('checkbox');//记得每次操作后要渲染该元素
            
for (var j = 0; j < arr.length; j++) { //数据库返回的需要选中项的值,我这里只返回了value,有需要可以返回数组对象            
for (var i = 0; i < myCheckbox.length; i++) {//遍历checkbox所有项
if (myCheckbox[i].value == arr[j]) {                  
  myCheckbox[i].checked = true;//设置选中项
  }                
}
form.render('checkbox'); //设置完选中后记得渲染
}  
 
        //获取选中值
        var checkboxValue = "";
        $("input:checkbox[name='MenuArr']:checked").each(function () {
        if (checkboxValue == 0) {
            checkboxValue = $(this).val();
            return true;
          }
          checkboxValue += ',' + $(this).val();
 
        });
        if (checkboxValue.length == 0)
        {
          layer.msg("请选择菜单范围");
          return false;
        }
        data.field.MenuArr = checkboxValue;

以上这篇layui checkbox默认选中,获取选中值,清空所有选中项的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
文件编码导致jquery失效的解决方法
Jun 26 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
javascript中createElement的两种创建方式
May 14 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
vue中render函数的使用详解
Oct 12 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
详解React 元素渲染
Jul 07 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 #Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 #Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 #Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 #Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 #Javascript
JavaScript页面加载事件实例讲解
Sep 01 #Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 #Javascript
You might like
php中随机显示图片的函数代码
2011/06/23 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
JS Replace 全部替换字符的用法小结
2013/12/24 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
JS获取时间的方法
2015/01/21 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
JavaScript中的原型prototype完全解析
2016/05/10 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
10个经典的网页鼠标特效代码
2018/01/09 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
王纯业的Python学习笔记 下载
2007/02/10 Python
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
python openssl模块安装及用法
2020/12/06 Python
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
给领导的感谢信范文
2015/01/23 职场文书
质量保证书格式模板
2015/02/27 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书