一、Layui Checkbox的基本用法
layui.use('form', function(){
var form = layui.form;
//監聽提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
Layui的Checkbox組件是一種常見的多選框控制項，適用於多選情況。其基本用法非常簡單，只需調用form.render()方法即可。同時，其與表單提交的聯動使用也可以非常好地完成。
二、Layui Checkbox的選中觸發事件
layui.use('form', function(){
var form = layui.form;
form.on('checkbox', function(data){
console.log(data.elem); //得到checkbox原始DOM對象
console.log(data.elem.checked); //是否被選中，true或者false
console.log(data.value); //複選框value值，也可以通過data.elem.value得到
console.log(data.othis); //得到美化後的DOM對象
});
});
Layui Checkbox支持選中觸發事件，通過form.on(‘checkbox’, function(data){})來監聽checkbox的勾選狀態。在此方法中，可以獲取到checkbox原始的DOM對象、value值、選中狀態以及美化後的DOM對象等信息。
三、Layui Checkbox的選中觸發事件應用場景
Checkbox的選中觸發事件可以靈活地應用於各種場景，例如根據選中狀態動態顯示或隱藏其他元素，或者其他與checkbox有關的邏輯判斷。下面我們將幾個典型的場景進行詳細講解。
四、根據選中狀態動態顯示或隱藏其他元素
//html代碼原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/189646.html
微信掃一掃 
支付寶掃一掃 