溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
layui中的switch開關，能夠去顯示當前的狀態，是否是啟用還是禁用。當時如果當前記錄的某個值沒有進行填寫，這行記錄就不能被啟用。并且頁面上也要讓他不能進行操作。
直接上代碼：
// 頁面狀態欄事件監聽
form.on('switch', function (data) {
var swithcData = data;
var id = data.value;// 獲取要修改的ID
var state = this.checked ? '0' : '2';// 當前狀態值
$.ajax({
url: '/adChannelConfig/editState',
data: {
"id": id,
"state": state
},
error: function (data) {
console.log(data);
layer.msg('數據異常，操作失敗！');
},
// 修改失敗，請填寫對應的參數
success: function (data) {
if (data.data) {
layer.msg('操作成功！');
} else {
layer.msg(data.msg);
var em = $(swithcData.othis[0]);
swithcData.othis[0].classList.remove('layui-form-onswitch');
em.children('em').text('停用');
}
}
});
});
當后臺發送添加失敗的數據過來的時候，走的下面的else，我們把當前DOM對象用一個變量 swithcData 去接收，這個時候去刪除到它的class屬性。這個是來控制layui的switch的頁面顯示。
dom中的0里面，需要點擊那個0才能實現，而數字型的屬性名不能用“.”來獲取，故寫成[0]。
以上這篇LayUi使用switch開關,動態的去控制它是否被啟用的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
