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

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、阿巴嘎網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、阿巴嘎網(wǎng)絡(luò)營銷、阿巴嘎企業(yè)策劃、阿巴嘎品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供阿巴嘎建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

直接上代碼：

 // 頁面狀態(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ù)過來的時(shí)候，走的下面的else，我們把當(dāng)前DOM對象用一個(gè)變量 swithcData 去接收，這個(gè)時(shí)候去刪除到它的class屬性。這個(gè)是來控制layui的switch的頁面顯示。

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

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