layui 監聽多選框(checkbox) 點擊事件


//html代碼

<input lay-filter="switchTest" type="checkbox" name="type[]" value="1" title="葡萄">
<input lay-filter="switchTest" type="checkbox" name="type[]" value="2" title="榴蓮">

.
.
.




//js代碼
layui.use(['form', 'layer', 'jquery' ], function () {
$ = layui.jquery;
var layer = layui.layer,
form = layui.form;
//監聽多選框點擊事件  主要是通過 lay-filter="switchTest"  來監聽
form.on('checkbox(switchTest)', function (data) {
  console.log( data );  //打印當前選擇的信息
if( data.elem.checked){      //判斷當前多選框是選中還是取消選中
        alert('當前選中');
}
  var value = data.value; //獲取選中的value值
});
 
        
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM