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 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
js单例模式详解实例
Nov 21 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
Mar 10 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
angular ng-model 无法获取值的处理方法
Oct 02 Javascript
vue实现路由切换改变title功能
May 28 Javascript
关于layui时间回显问题的解决方法
Sep 24 Javascript
Vue最新防抖方案(必看篇)
Oct 30 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
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
vue实现简单学生信息管理
2020/05/30 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python模块学习 re 正则表达式
2011/05/19 Python
python3.3实现乘法表示例
2014/02/07 Python
Python卸载模块的方法汇总
2016/06/07 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
四种会话跟踪技术
2015/05/20 面试题
《匆匆》教学反思
2014/02/22 职场文书
2015年加油站工作总结
2015/05/13 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
Redis Cluster 集群搭建你会吗
2021/08/04 Redis
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers
JavaScript实现简单的音乐播放器
2022/08/14 Javascript