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 Jquery 遍历Json的实现代码
Mar 31 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
巧用局部变量提升javascript性能
Feb 24 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
了解JavaScript函数中的默认参数
May 30 Javascript
微信小程序picker组件两列关联使用方式
Oct 27 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 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
js读写json文件实例代码
2014/10/21 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
vuejs父子组件通信的问题
2017/01/11 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
react的hooks的用法详解
2020/10/12 Javascript
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
Python实现的简单发送邮件脚本分享
2014/11/07 Python
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
编写简单的Python程序来判断文本的语种
2015/04/07 Python
使用python实现链表操作
2018/01/26 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
银行奉献演讲稿
2014/09/16 职场文书
反邪教教育心得体会
2016/01/15 职场文书
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
教你一步步实现一个简易promise
2021/11/02 Javascript
vue ref如何获取子组件属性值
2022/03/31 Vue.js