注意注意:Layui下复选框的回显,设置的标签不是checked.
具体代码如下:
外部js文件引用:
<script th:src="@{/layui/layui.all.js}" charset="utf-8"></script>
<script th:src="@{/layui/js/jquery-3.5.0.min.js}" charset="utf-8"></script>
<script th:src="@{/layui/layui_select/formSelects-v4.js}" type="text/javascript" charset="utf-8"></script>
<script th:src=" @{/layui/layui.js}"></script>
js代码如下:
<script type="text/javascript"> var formSelects = layui.formSelects; $(function(){ //进入页面加载 window.οnlοad=function (){ var checkBoxAll=$("input[type='checkbox']"); //获取所有的复选框 var businessType = new Array(); //选中的值 businessType = '[[${gpsVehicle.gpsEquipment.businessType}]]'.split(" "); for(var i = 0; i < businessType.length;i++) { $.each(checkBoxAll,function (xx,checkbox){ //遍历比较 var checkValue=$(checkbox).val(); //获取复选框的值 if(businessType[i] == checkValue){ //与选中的值比较,相同添加属性 $(checkbox).attr("checked",true); $(checkbox).next().addClass("layui-form-checked");//回显起作用 } }) } } }) </script>
结果: