切換按鈕狀態

我想在我的工具欄中使用切換按鈕，但我無法找到如何檢索狀態。有人可以解釋我該怎麼做？切換按鈕狀態

<%= Html.Kendo().ToolBar() 
    .Name("ToolBar") 
    .Items(buttonsItem => 
    { 
     buttonsItem.Add().Type(CommandType.Button).Text("Unconfirmed").Id("isConfirmed").Togglable(true).Toggle("isConfirmed"); 
    }) 

%> 


function isConfirmed(e) { 

    if (document.getElementById("isConfirmed").checked == true) 
    { 
     alert("yes") 
    } 
    else 
    { 
     alert("no") 
    }

問候

來源

2015-09-04 ArDevTeam

你明顯在你試圖檢索的ID上犯了一個錯誤。並在C＃中，我會通過IsChecked屬性檢索狀態。 – Gino

對不起，快速複製/粘貼錯誤！修正了問題！順便說一下，它不適用於正確的ID！這就是爲什麼我試圖找出如何做到這一點！ – ArDevTeam

@ArDevTeam和jQuery的關係？ – ebilgin

在觸發事件本身，你可以看看e.checked確定切換狀態。

在這個例子中，我也改變取決於選中狀態的按鈕上的文字：

function isConfirmed(e) { 
    var text = e.checked ? "Confirmed" : "Unconfirmed"; 
    e.target.text(text); 
    alert(text); 
}

如果你想以後得到的狀態（例如，當點擊提交按鈕），您可以檢查按鈕目標的選擇的選項（$("#isConfirmed").data("button").options.selected）：

$("#btnIsConf").on("click", function(){ 
    if ($("#isConfirmed").data("button").options.selected){ 
     alert("Yes"); 
    } else { 
     alert("No") 
    } 
});

DEMO

來源

2015-09-04 14:49:25 ezanker

你並不需要看的DOM元素備份到確定狀態即checked財產。

這是你的e參數可用如下：

function isConfirmed(e) { 

    if (e.checked) { 
     alert("yes") 
    } 
    else { 
     alert("no") 
    } 
}

屏幕抓圖

來源

2015-09-04 14:24:49 hutchonoid

切換按鈕狀態

回答

相關問題