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 学习笔记01 JQuery初接触
May 06 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
Nov 28 Javascript
javascript实现table表格隔行变色的方法
May 13 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
vue-router 权限控制的示例代码
Sep 21 Javascript
微信小程序http连接访问解决方案的示例
Nov 05 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 Javascript
微信小程序左滑删除实现代码实例
Sep 16 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 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
德生H-501的评价与改造
2021/03/02 无线电
ini_set的用法介绍
2014/01/07 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
jquery 插件开发备注
2010/08/27 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
关于Python 3中print函数的换行详解
2017/08/08 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
webapp字号大小跟随系统字号大小缩放的示例代码
2018/12/26 HTML / CSS
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
实习单位接收函
2014/01/11 职场文书
2014年三八妇女节活动总结
2014/03/01 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
干部考核评语
2014/04/29 职场文书
法院信息化建设方案
2014/05/21 职场文书
2015年高二班主任工作总结
2015/05/25 职场文书
辅导员学期工作总结
2015/08/14 职场文书
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang