使用layui复选框的时候需要向后台传递值,值的形式为逗号分割的形式。如下图需要选择多个条件。使用layui复选框的时候需要向后台传递值,值的形式为逗号分割的形式。如下图需要选择多个条件。 layui的前端样式代码如下: div class="layui-form-item" label class="layui-form-label"复选框/label div class="layui-input-block" input type="checkbox" name="level" value="1" titl
layui的前端样式代码如下:
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="level" value="1" title="一级">
<input type="checkbox" name="level" value="2" title="二级">
<input type="checkbox" name="level" value="3" title="三级">
<input type="checkbox" name="level" value="4" title="四级">
<input type="checkbox" name="level" value="5" title="五级">
</div>
</div>
向后台传值JS代码,通过ajax向后台传递参数即可:
layui.use(['form'], function () {
var form = layui.form;
var $ = layui.jquery
//监听提交
form.on('submit(form)', function (data) {
if ($("input:checkbox[name='level']:checked").length == 0) {
return;
}
//获取checkbox[name='level']的值,获取所有选中的复选框,并将其值放入数组中
var arr = new Array();
$("input:checkbox[name='level']:checked").each(function(i){
arr[i] = $(this).val();
});
// 替换 data.field.level的数据为拼接后的字符串
data.field.level = arr.join(",");//将数组合并成字符串
layer.confirm('是否保存?', {
btn: ['确定', '取消'] //按钮
}, function () {
$.post("modify"
, data.field
, function (res) {
if (res.success == true) {
parent.layer.close(index);
}
}
)
}, function () {
parent.layer.close(index);
});
});
return false;
});
沃梦达教程
本文标题为:layui复选框怎么向后台传值


基础教程推荐
猜你喜欢
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
- 每次设置弹出窗口的焦点 2022-01-01
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01