2016-04-26 71 views
0

我有一個翻轉切換按鈕()。我正在寫一個功能改變切換按鈕,在改變我宣佈js確認框,如果確認真正的按鈕仍然處於改變狀態,否則它會恢復到以前的狀態。我的問題是功能正在迭代(循環)。請建議js在變化事件變得循環在js確認

+2

請添加代碼 – Gerfried

+0

@Gerfried /**這裏這個翻轉按鈕 <選擇的id = 「BTN」> \t \t 選項 我的代碼如下**/(「#btn」).on(「change」,function(){ var txt; \t $ var btnStatus = $(「#btn」)。val(); console.log(「btnstataus >>>>>」+ btnStatus); var r =確認(「您確定要更改?」); 如果(R ==真){ \t如果(btnStatus == 「上」){ \t \t $( 「#BTN」)VAL( 「上」);} \t其他{ \t \t $(」 #btn 「)VAL(」 關 「);} \t \t} 其他{ \t如果(btnStatus ==」 上 「){ \t \t $(」 #BTN 「)VAL(」 關「) ;} \t else { \t \t $(「#btn」)。val(「on」);} \t } }); –

回答

0

對我來說它看起來相當不錯。也許你只是忘了將代碼封裝在$(document).ready中 - 這是必須的,否則你的Javascript函數將在HTML DOM加載之前加載 - 所以你的函數將無法訪問DOM元素。

$(document).ready(function() { 


$("#btn").on("change", function() { 
    var txt; 
    var btnStatus = $("#btn").val(); 
    console.log("btnstataus>>>>>" + btnStatus); 
    var r = confirm("Are you sure to change?"); 
    if (r == true) { 
     if (btnStatus == "on") { 
      $("#btn").val("on"); 
     } else { 
      $("#btn").val("off"); 
     } 
    } else { 
     if (btnStatus == "on") { 
      $("#btn").val("off"); 
     } else { 
      $("#btn").val("on"); 
     } 
    } 
}); 

}); 

這裏是你的代碼的工作示例: https://plnkr.co/edit/AdzcN04F1fsLe9xw454j?p=preview

+0

點擊確定。但是在滑動這個按鈕時,它會變成環狀。 ref.jquery-mobile翻轉切換開關。 <選擇ID = 「」 名稱= 「」 數據角色= 「滑塊」> \t \t \t \t \t \t \t \t <選項值= 「關」> \t \t \t \t \t \t \t \t <選項值= 「上」> \t \t \t \t \t \t \t \t \t \t \t \t @Gerfried –

+0

請問您可以延長我的plunkr樣本嗎? – Gerfried