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的12个网站推荐
Apr 28 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Aug 27 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
Apr 14 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
js中的闭包实例展示
Nov 01 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
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
重置版游戏视频
2020/04/09 魔兽争霸
两个开源的Php输出Excel文件类
2010/02/08 PHP
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
详解php用static方法的原因
2018/09/12 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
php使用socket调用http和smtp协议实例小结
2019/07/26 PHP
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
JsRender实用入门教程
2014/10/31 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
JavaScript实现动画打开半透明提示层的方法
2015/04/21 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
2015/07/29 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
解决Python requests 报错方法集锦
2017/03/19 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
外包公司软件测试工程师
2014/11/01 面试题
甜点店创业计划书
2014/01/27 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
戒毒悔改检讨书
2014/09/21 职场文书
卖房授权委托书样本
2014/10/05 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
岗位职责范本大全
2015/02/26 职场文书
个人培训总结
2015/03/05 职场文书
素质拓展训练感想
2015/08/07 职场文书
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android