Layui处理表单复选框数据
问题
表单中复选框拥有相同的name属性,怎样将复选框选项封装为数组提交?
解决方法
思路:在表单提交时用JS动态处理
form.on('submit(btn)', function(data) {
let roles = [];
data.form.querySelectorAll("input[name='roles']:checked").forEach(ele => roles.push(ele.value));
data.field['roles'] = roles; // ['1', '2']
return false;
}
验证:https://codepen.io/aqtata/pen/eYGpQMx
参考
触发submit提交