Layui switch Off状态下不向后台传值的解决办法

蓝洛水深 • 2021年3月6日下午11:00 • 网站 • 954 views

原生checkbox只有在checked状态时值才会被浏览器提交到后台，未checked时值不会被浏览器提交。

LayUI实际上也是checkbox，所以，在off状态下不提交到后台，是正常的。

解决办法

添加js监听开关组件，并对组件值做处理
在后台入库的地方做判断，如果没有传值，就设置is_show=0

其他解决办法

在checkbox的上一行加个hidden，设置value为off即可。

<input type="hidden" name="bid_result" value="off">

1	<input type="hidden" name="bid_result" value="off">

这样，在CheckBox off状态下，就会传递这个隐藏的input的value值，轻松实现。

回显

var checkStatus = '{$bid_info.bid_result}';
            console.log(checkStatus);
            if (checkStatus == 'on') {
                $("#bid_result").attr("checked", "checked");
            }
            else {
                $("#bid_result").removeAttr("checked");
            }
            form.render('checkbox');