Form的Name数组的一个解决思路

未结贴
0 26
只是一个简单的思路,就是用一个专门的隐藏的Input,例如name=ActionList,把全部选择的Checkbox的值存进ActionList,每次选择Checkbox就实时更新这个值,最后提交ActionList就行了

<div class="panel-body action">
<input lay-filter="action" type="checkbox" value="Show" title="显示 (Show)" checked>
<input lay-filter="action" type="checkbox" value="Add" title="添加 (Add)" checked>
<input lay-filter="action" type="checkbox" value="Edit" title="修改 (Edit)" checked>
<input lay-filter="action" type="checkbox" value="Del" title="删除 (Del)" checked>
<input lay-filter="action" type="checkbox" value="Search" title="搜索 (Search)" checked>
<input lay-filter="action" type="checkbox" value="View" title="查看 (View)" checked>
<input lay-filter="action" type="checkbox" value="Audit" title="审核 (Audit)">
<input lay-filter="action" type="checkbox" value="Reply" title="回复 (Reply)">
<input lay-filter="action" type="checkbox" value="Build" title="生成 (Build)">
<input lay-filter="action" type="checkbox" value="Install" title="安装 (Install)">
<input lay-filter="action" type="checkbox" value="Unload" title="卸载 (Unload)">
</div>
<input name="ActionList" id="ActionList" type="hidden" value="Show,Add,Edit,Del,Search,View,">
form.on('checkbox(action)', function(data){
if (data.elem.checked==true){
$(".action input:checkbox[value='"+data.value+"']").attr('checked',true);
}else{
$("input:checkbox[value='"+data.value+"']").attr('checked',false);
}
var ActionList="";
$('.action input').each(function() {
if ($(this).attr('checked') =="checked") {
ActionList+=$(this).val()+',';
}
});
$("#ActionList").val(ActionList);
});
只是我好像发现,官方的checkbox,在checked和不checked的时候,我查看代码,发现
<input lay-filter="action" type="checkbox" checked="">这里面的checked="",一直都在,不知道是我的问题,还是怎么样,奇怪,所以我才会加入这几行代码
if (data.elem.checked==true){
$("input:checkbox[value='"+data.value+"']").attr('checked',true);
}else{
$("input:checkbox[value='"+data.value+"']").attr('checked',false);
}
  • 没有任何回答
最近热帖
vip-admin Html v1.5.0 更新了 - 基于layui的后台模板 1453
一个为您省时省力的后台模板jqadmin 1106
meTools - 基于layui+vue的在线工具网站 977
基于layui的后台模板 - 反正我觉得我的界面是最漂亮的 925
你的案例或技术分享,将会被置顶推荐 863
LayuiHelp,一个良心插件,为你的代码插上翅膀! 767
LayUI SELECT 多级级联实现,理论上是无限级的 603
Admin-Template 后台模板(开发中...) 536
基于TP5加Layui的轻社区系统,争取下个月上线 307
为什么设计项目最初要为数据设计身份指纹(唯一标号)? 260
近期热议
一个为您省时省力的后台模板jqadmin 24
基于layui的后台模板 - 反正我觉得我的界面是最漂亮的 20
LayuiHelp,一个良心插件,为你的代码插上翅膀! 17
layer的使用,以前用的时候还没挺好的怎么现在layer的弹出框一直报错,求大神给指点一下 15
vip-admin Html v1.5.0 更新了 - 基于layui的后台模板 15
form表单提交,监听提交按钮,用ajax异步检测名称是否已存在,ajax 不执行! 14
layui点击左侧固定导航栏时,如何在右侧显示,而并不是打开新窗口呢 12
关于layer弹出层搜索刷新当也问题 12
遮罩通过parent 可以全屏,但窗口不能传值了? 12
为什么layui分页只有一页的情况下不无法显示组件呢? 11