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 相关文章推荐
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
Sep 04 Javascript
css图片自适应大小
Nov 28 Javascript
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
Jquery插件写法笔记整理
Sep 06 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
jQuery数据类型小结(14个)
Jan 08 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
PHP 数据库树的遍历方法
2009/02/06 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP实现的简单留言板功能示例【基于thinkPHP框架】
2018/12/07 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
2013英文求职信模板范文
2013/11/15 职场文书
会计人员岗位职责
2014/03/19 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
模范教师材料大全
2014/12/16 职场文书
项目负责人岗位职责
2015/02/15 职场文书
手残删除python之后的补救方法
2021/06/26 Python
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python