Layui checkbox未选中后却有值问题

数据表格前加了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 });

猜你喜欢

转载自www.cnblogs.com/markdev/p/9168144.html