快捷導(dǎo)航

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

更新時間：2019年09月21日 09:03:48 作者：活著1989

今天小編就為大家分享一篇LayUi使用switch開關(guān),動態(tài)的去控制它是否被啟用的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

直接上代碼：

 // 頁面狀態(tài)欄事件監(jiān)聽
  form.on('switch', function (data) {
    var swithcData = data;
    var id = data.value;// 獲取要修改的ID
    var state = this.checked ? '0' : '2';// 當(dāng)前狀態(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('停用');
        }
      }
    });
  });

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

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

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

您可能感興趣的文章: