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 27 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
JS实现json对象数组按对象属性排序操作示例
May 18 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
JS的深浅复制详细
Oct 16 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
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
js格式化时间的方法
2015/12/18 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
对于Python的Django框架部署的一些建议
2015/04/09 Python
Python高级用法总结
2018/05/26 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python实现AES加密解密
2019/03/28 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
关于python中的xpath解析定位
2020/03/06 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
Python里面如何拷贝一个对象
2014/02/17 面试题
毕业学生推荐信
2013/12/01 职场文书
简历的自荐信
2013/12/19 职场文书
哈理工毕业生的求职信
2013/12/22 职场文书
初中教师业务学习材料
2014/05/12 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
基层工作经验证明样本
2014/11/16 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis