数据表格前加了Form表格做筛选,加了一个值为true的Checkbox,但是取消选中后仍然会提交为true的值,正常应该是没有该字段后台收到Null。
下面代码段
<div class="layui-col-md1"> <input type="checkbox" value="true" name="existingPhone" title="有手机号" > </div>
form.on('submit(userForm)', function(data){ table.reload("user", { page: { curr: 1 } , where: data.field }); return false; });
解决方案:
通过查看 data.field 发现其实这里是没有existingPhone字段值的,但网络请求却有existingPhone=true的内容,所以猜测是Layui From表单只会更新有Key的值,解决方案如下:
2、3、4行代码。
1 form.on('submit(userForm)', function(data){ 2 if(!data.field.existingPhone){ 3 data.field.existingPhone = false; 4 } 5 table.reload("user", { 6 page: { 7 curr: 1 8 } 9 , where: data.field 10 }); 11 return false; 12 });