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 相关文章推荐
JavaScript 学习历程和心得分享
Dec 12 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
JavaScript Ajax编程 应用篇
Jul 02 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
vue 动态创建组件的两种方法
Dec 31 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
PHP的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
php echo 输出字符串函数详解
2010/05/13 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
jQuery each()小议
2010/03/18 Javascript
细说javascript函数从函数的构成开始
2013/08/29 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
jQuery的text()方法用法分析
2014/12/20 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
js实现微博发布小功能
2017/01/12 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
[39:00]Optic vs VP 2018国际邀请赛淘汰赛BO3 第三场 8.24
2018/08/25 DOTA
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
使用python 获取进程pid号的方法
2014/03/10 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
python3.4爬虫demo
2019/01/22 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
教师专业自荐信
2014/05/31 职场文书
保密工作目标责任书
2014/07/28 职场文书
婚庆答谢词
2015/01/04 职场文书
十岁生日答谢词
2015/01/05 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
独生子女证明范本
2015/06/19 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
Python实现排序方法常见的四种
2021/07/15 Python