LayUi使用switch開關,動態的去控制它是否被啟用的方法

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]。