• 0
  • 0

LayUI 复选框取值

2019-06-28 241 0 admin 所属分类:LAYUI

有时候我们想添加一些炫酷的表单组件,用于组合条件筛选。这时候加载内容的时候需要获取诸如复选框一样的数值。可以如下获取

HTML 代码 演示

<div class="layui-input-inline">
    <input type="checkbox" title="复选框" value="1" lay-filter="checkbox" name="checkbox" id="checkbox">
</div>

JS取值

Number($('#checkbox').prop('checked'))

有些时候我们需要自动获取选择的条件组合传递到请求参数中,涉及到checkbox的如果选中之后又取消选中,会导致数据无法覆盖,造成请求错误,因此应该如下

table.reload('table', {
    where: $.extend($('form.layui-form').serializeObject(), {
        'error': Number($('input[name=error]').is(':checked')),
        'nohandle': Number($('input[name=nohandle]').is(':checked'))
    }),
    page: {
        curr: 1 //重新从第 1 页开始
    }
})
// 监听搜索
form.on('submit(LAY-user-back-search)', function(data) {
    data.field.error = Number($('input[name=error]').is(':checked'));
    data.field.nohandle = Number($('input[name=nohandle]').is(':checked'));
    table.reload('table', {
        where: data.field,
        page: {
            curr: 1 //重新从第 1 页开始
        }
    })
})


返回顶部