layui checkbox默认选中,获取选中值,清空所有选中项的例子
更新时间：2019年09月02日 09:13:23 作者：以梦为马-不负韶华
今天小编就为大家分享一篇layui checkbox默认选中,获取选中值,清空所有选中项的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
废话不多说，直接上代码吧：
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默认选中,获取选中值,清空所有选中项的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本节主要为大家介绍了js返回前一页如何刷新本页重载页面的方法，需要的朋友可以参考下2014-07-07
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。这篇文章主要介绍BootStrap组件之菜单按钮图标组件的相关资料,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了JavaScript对象的浅拷贝与深拷贝,结合实例形式分析了javascript浅拷贝与深拷贝的原理、实现方法与相关操作技巧,需要的朋友可以参考下2018-07-07
之前在获取元素属性时,踩了个坑,记录一下,下面这篇文章主要给大家介绍了关于JS字符串截取出现的bug以及解决方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
深拷贝和浅拷贝是面试中经常出现的,主要考察对基本类型和引用类型的理解深度,这篇文章主要给大家介绍了关于js深拷贝和浅拷贝的相关资料,需要的朋友可以参考下2022-10-10
浏览器自带的原生弹窗很不美观，而且功能比较单一，绝大部分时候我们都会按照设计图自定义弹窗或者直接使用注入layer的弹窗等等。下面小编给大家带来了JS实现自定义弹窗，感兴趣的朋友一起看看吧2018-08-08
这篇文章主要介绍了Postman内建变量常用方法实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
这篇文章主要介绍了微信小程序中如何获取和传递参数,包括获取当前页面参数、单独input文本框参数的获取、表单获取参数信息、点击表格单元格信息获取行ID以及前端页面跳转传递多个参数等,感兴趣的朋友跟随小编一起看看吧2025-01-01
这篇文章主要介绍了如何利用JavaScript 实现继承，JavaScript 在编程语言界是个特殊种类，它和其他编程语言很不一样，JavaScript可以在运行的时候动态地改变某个变量的类型,下面小编将继续介绍JavaScript如何实现继承,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了纯JS打造网页中checkbox和radio的美化效果,代码简单易懂，非常不错具有参考借鉴价值，需要的朋友可以参考下2016-10-10
最新评论