LayUi使用switch開(kāi)關(guān),動(dòng)態(tài)的去控制它是否被啟用的方法
layui中的switch開(kāi)關(guān),能夠去顯示當(dāng)前的狀態(tài),是否是啟用還是禁用。當(dāng)時(shí)如果當(dāng)前記錄的某個(gè)值沒(méi)有進(jìn)行填寫,這行記錄就不能被啟用。并且頁(yè)面上也要讓他不能進(jìn)行操作。
直接上代碼:
// 頁(yè)面狀態(tài)欄事件監(jiān)聽(tīng) 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ù)異常,操作失??!'); }, // 修改失敗,請(qǐng)?zhí)顚憣?duì)應(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)后臺(tái)發(fā)送添加失敗的數(shù)據(jù)過(guò)來(lái)的時(shí)候,走的下面的else,我們把當(dāng)前DOM對(duì)象用一個(gè)變量 swithcData 去接收,這個(gè)時(shí)候去刪除到它的class屬性。這個(gè)是來(lái)控制layui的switch的頁(yè)面顯示。
dom中的0里面,需要點(diǎn)擊那個(gè)0才能實(shí)現(xiàn),而數(shù)字型的屬性名不能用“.”來(lái)獲取,故寫成[0]。
以上這篇LayUi使用switch開(kāi)關(guān),動(dòng)態(tài)的去控制它是否被啟用的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS保存、讀取、換行、轉(zhuǎn)Json報(bào)錯(cuò)處理方法
JS保存、讀取 換行 轉(zhuǎn)Json報(bào)錯(cuò)異常信息:Unexpected token ILLEGAL,具體解決方法如下,感性的朋友可以參考下哈2013-06-06JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了三級(jí)聯(lián)動(dòng)菜單效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08Event altKey,ctrlKey,shiftKey屬性解析
本篇文章主要是對(duì)Event altKey,ctrlKey,shiftKey屬性解析了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12簡(jiǎn)單的兩種Extjs formpanel加載數(shù)據(jù)的方式
這篇文章介紹了兩種Extjs formpanel加載數(shù)據(jù)的方式,有需要的朋友可以參考一下2013-11-11JS實(shí)現(xiàn)在頁(yè)面隨時(shí)自定義背景顏色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)在頁(yè)面隨時(shí)自定義背景顏色的方法,實(shí)例分析了javascript操作css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02學(xué)習(xí)JavaScript設(shè)計(jì)模式(封裝)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹封裝,舉例說(shuō)明封裝的思想,對(duì)封裝進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11