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 相关文章推荐
使用js如何实现全选与全不选
Dec 30 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
js处理表格对table进行修饰
May 26 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
jquery if条件语句的写法
May 19 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
在layui中select更改后生效的方法
Sep 05 Javascript
浅谈layui 表单元素的选中问题
Oct 25 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 PDO中文乱码解决办法
2009/07/20 PHP
php文件操作实例代码
2012/05/10 PHP
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
python基于pygame实现响应游戏中事件的方法(附源码)
2015/11/11 Python
python简单线程和协程学习心得(分享)
2017/06/14 Python
Django自定义分页效果
2017/06/27 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
大学生的应聘自我评价
2013/12/13 职场文书
大四学生思想汇报
2014/01/13 职场文书
公司前台辞职报告
2014/01/19 职场文书
六一亲子活动总结
2014/07/01 职场文书
小学教师师德师风个人整改措施
2014/09/18 职场文书
刘胡兰观后感
2015/06/16 职场文书
关于开学的感想
2015/08/10 职场文书
python实现简单区块链结构
2021/04/25 Python
Golang gRPC HTTP协议转换示例
2022/06/16 Golang