今天做項(xiàng)目時(shí),遇到layui中的switch,需要給這個(gè)開關(guān)添加事件,也就是當(dāng)你點(diǎn)擊是會彈框提示

剛開始我用傳統(tǒng)的處理方法,直接給它添加個(gè)js事件,到最后會發(fā)現(xiàn),沒響應(yīng),于是我查文檔,逛論壇終于找到一個(gè)解決辦法,代碼如下
<input type="checkbox" name="zzz" lay-skin="switch" lay-filter="switchTest" lay-text="開啟|關(guān)閉" checked="checked">//開關(guān)
//js處理
layui.use(['form', 'jquery', 'layer'], function () {
var form = layui.form;
var jquery = layui.jquery;
var layer = layui.layer;
//監(jiān)聽開關(guān)事件
form.on('switch(switchTest)', function (data) {
var contexts;
var x = data.elem.checked;//判斷開關(guān)狀態(tài)
if (x==true) {
contexts = "你確定要啟動么";
} else {
contexts = "你確定要關(guān)閉么";
}
layer.open({
content: contexts
, btn: ['確定', '取消']
, yes: function (index, layero) {
data.elem.checked = x;
form.render();
layer.close(index);
//按鈕【按鈕一】的回調(diào)
}
, btn2: function (index, layero) {
//按鈕【按鈕二】的回調(diào)
data.elem.checked = !x;
form.render();
layer.close(index);
//return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
}
, cancel: function () {
//右上角關(guān)閉回調(diào)
data.elem.checked = !x;
form.render();
//return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
}
});
return false;
});
});
網(wǎng)站題目:Layui給switch添加響應(yīng)事件的例子-創(chuàng)新互聯(lián)
URL標(biāo)題:http://www.chinadenli.net/article44/dochhe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、小程序開發(fā)、微信小程序、網(wǎng)站改版、微信公眾號、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容