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 简单抽屉效果的实现代码
Mar 09 Javascript
jquery getScript动态加载JS方法改进详解
Nov 15 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
vue进入页面时滚动条始终在底部代码实例
Mar 26 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
JavaScript的Set数据结构详解
Feb 18 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如何透过ODBC来存取数据库
2006/10/09 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
2014/05/15 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
python 多线程应用介绍
2012/12/19 Python
Python中集合类型(set)学习小结
2015/01/28 Python
Python进程通信之匿名管道实例讲解
2015/04/11 Python
在Python中使用列表生成式的教程
2015/04/27 Python
Python学习教程之常用的内置函数大全
2017/07/14 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
TCP协议通讯的过程和步骤是什么
2015/10/18 面试题
给女儿的表扬信
2014/01/18 职场文书
请假条怎么写
2014/04/10 职场文书
2015小学五年级班主任工作总结
2015/05/21 职场文书
开业庆典致辞
2015/08/01 职场文书
经典爱情感言
2015/08/03 职场文书
win10下go mod配置方式
2021/04/25 Golang
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
服务器nginx权限被拒绝解决案例
2022/09/23 Servers