layui switch 開關根據傳入值默認選中或不選
參考:
http://www.jiaochengku.net/ITjiaocheng/wangyezhizuo/4044.html
動態修改switch開關值,改變開關默認存值,改變開關默認文本
https://blog.csdn.net/zzz___bj/article/details/80324953
使用templet(模板),將開關放到table裏面
,{field:'state', title: '狀態',align:'center',templet: statusTpl}
模板有兩種方式定義,根據自己喜好選擇其中一種:
第一種 //是否啓用模板 var statusTpl = function (d) { //名字需要和上面定義的名字對應上 var isCkecked = d.state == "1" ?"checked":""; return '<input type="checkbox" lay-skin="switch" lay-filter="enabledState" data-id="d.userid" lay-text="啓用|禁用" '+ isCkecked +'> '; };
參數 d 是當前行所有數據
我這裏返回的數據是,state:0 | 1 0禁用,1啓用
定義一個變量,使用三元進行計算,控制checked的動態添加
第二種 <script type="text/html" id="statusTpl"> <input type="checkbox" lay-skin="switch" lay-filter="enabledState" data-id="d.userid" lay-text="啓用|禁用" {{d.state == "1" ?"checked":"" }}> </script>
這裏的d和上面的d是一樣的, 寫兩個大括號,{{ 在這裏和上面一樣進行三元計算 }}
兩個模板放置的位置
動態修改 switch 開關的顯示狀態
https://fly.layui.com/jie/49072/
注意: form.render('checkbox');// 最後用組件類型, lay-filter 可能沒用
layui 可能採用的 jquery 1.6 , 推薦用 $('元素').prop('checked','checked');
或者 dom 的 方法, document.get('').checked=true;