今天做項目時，遇到layui中的switch，需要給這個開關添加事件，也就是當你點擊是會彈框提示

剛開始我用傳統的處理方法，直接給它添加個js事件，到最后會發現，沒響應，于是我查文檔，逛論壇終于找到一個解決辦法，代碼如下

 <input type="checkbox" name="zzz" lay-skin="switch" lay-filter="switchTest" lay-text="開啟|關閉" checked="checked">//開關 //js處理 layui.use(['form', 'jquery', 'layer'], function () {      var form = layui.form;      var jquery = layui.jquery;      var layer = layui.layer;      //監聽開關事件      form.on('switch(switchTest)', function (data) {        var contexts;        var x = data.elem.checked;//判斷開關狀態        if (x==true) {          contexts = "你確定要啟動么";        } else {          contexts = "你確定要關閉么";        }        layer.open({          content: contexts          , btn: ['確定', '取消']          , yes: function (index, layero) {            data.elem.checked = x;            form.render();            layer.close(index);            //按鈕【按鈕一】的回調          }          , btn2: function (index, layero) {            //按鈕【按鈕二】的回調            data.elem.checked = !x;            form.render();            layer.close(index);            //return false 開啟該代碼可禁止點擊該按鈕關閉          }          , cancel: function () {            //右上角關閉回調            data.elem.checked = !x;            form.render();            //return false 開啟該代碼可禁止點擊該按鈕關閉          }        });        return false;      });    });

哈哈，總之，既然用人家layui框架，就要準守人家的規矩！任何事件都要監聽的，單純的寫js事件是沒反應的，監聽事件要寫在 layui.use（{}）中。

以上這篇Layui給switch添加響應事件的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。