layui表单赋值取值
语法:form.val('filter', object);
用于给指定表单集合的元素赋值和取值。如果 object 参数存在,则为赋值;如果 object 参数不存在,则为取值。
注:其中「取值」功能为 layui 2.5.5 开始新增
//给表单赋值 form.val("formTest", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值 "username": "贤心" // "name": "value" ,"sex": "女" ,"auth": 3 ,"check[write]": true ,"open": false ,"desc": "我爱layui" }); //获取表单区域所有值 var data1 = form.val("formTest");
第二个参数中的键值是表单元素对应的 name 和 value。
layui存在对checkbox赋值的时候,同名多个checkbox进行取值赋值时不正确的问题。
取值只能取到最后一个;
赋值也是会赋值到第一个上;
所以这里需要我们自己进行处理,可以参考资料:https://fly.layui.com/jie/44071/
文章标题:layui form.val针对checkbox多选赋值
================
提交表单时,自己在 form.on("submit(form_verify)", function (data) {函数中进行干预,把值拼起来
debugger
console.log(data);
//获取选中的checkbox,将值拼起来 var arr_box = []; $('input[type="checkbox"][name="FitProCode"]:checked').each(function () { arr_box.push($(this).val()); }); var FitProCode = arr_box.join(','); data.field.FitProCode = FitProCode;
赋值时,再次进行干预。
将后台的值进行分割变为数组,获取页面checkbox进行遍历,如果checkbox的值包含在数组中则选中,否则设置为不选中(这一点很重要,防止layui赋值错误导致的干扰)
网友修改的源码:
var a = t(r + '[lay-filter="' + e + '"]'); a.each(function (e, a) { var n = t(this); layui.each(i, function (e, t) { //https://fly.layui.com/jie/44071/ 修改2019-11-07 // var i, a = n.find('[name="' + e + '"]'); var a = n.find('[name="' + e + '"]'); if(a.length > 1){ a.each(function (index,item) { if(item.type==='checkbox'){ t.find(function(value,index,arr){ if(value==item.value){ item.checked =true; } }); }else if(item.type==="radio"){ layui.each(i, function(e, t) { var i, a = n.find('[name="' + e + '"]'); a[0] && (i = a[0].type, "radio" === i ? a.each(function() { this.value == t && (this.checked = !0) }) : a.val(t)) }) } }) }else{ a.val(t); } }) }), f.render(null, e)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
2018-04-10 微软重建社区