LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法

發(fā)布時間：2020-09-03 13:48:04 來源：腳本之家閱讀：718 作者：活著1989 欄目：web開發(fā)

layui中的switch開關(guān)，能夠去顯示當前的狀態(tài)，是否是啟用還是禁用。當時如果當前記錄的某個值沒有進行填寫，這行記錄就不能被啟用。并且頁面上也要讓他不能進行操作。

直接上代碼：

 // 頁面狀態(tài)欄事件監(jiān)聽
  form.on('switch', function (data) {
    var swithcData = data;
    var id = data.value;// 獲取要修改的ID
    var state = this.checked ? '0' : '2';// 當前狀態(tài)值
    $.ajax({
      url: '/adChannelConfig/editState',
      data: {
        "id": id,
        "state": state
      },
      error: function (data) {
        console.log(data);
        layer.msg('數(shù)據(jù)異常，操作失?。?);
      },
      // 修改失敗，請?zhí)顚憣?yīng)的參數(shù)
      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('停用');
        }
      }
    });
  });

當后臺發(fā)送添加失敗的數(shù)據(jù)過來的時候，走的下面的else，我們把當前DOM對象用一個變量 swithcData 去接收，這個時候去刪除到它的class屬性。這個是來控制layui的switch的頁面顯示。

dom中的0里面，需要點擊那個0才能實現(xiàn)，而數(shù)字型的屬性名不能用“.”來獲取，故寫成[0]。

以上這篇LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節(jié)

LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽