1.html頁面:

var isSkipcheckbox = ''; if (appOptions.isSkip != "0") {isSkipcheckbox = 'checked=""'; } <input type="checkbox" name="" lay-filter="type" lay-skin="primary" title="是否允許跳過" value="0" disabled="" ' isSkipcheckbox '>

2.layui form加載

layui.use('form', function () {var form = layui.form; //只有執行了這一步，部分表單元素才會修飾成功form.render('checkbox');form.on('checkbox(type)', function (data) {if (data.elem.checked) {$(data.elem).val(1);var money = $(data.elem).parent().next().text();if (money > 0) {console.log($("#money_total").val());}} else {$(data.elem).val(0);var money = $(data.elem).parent().next().text();if (money > 0) { // console.log($("#money_total").val()); }}; //是否被選中，true或者false // $("#form").serialize() });});

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的layui的checkbox示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。