切换按钮状态

Question

我想在工具栏中使用切换按钮，但我无法找到如何检索状态。 有人能解释我怎么做吗？

<%= 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")
    }

此致

Answer 1

您无需查找dom元素以确定状态，即checked属性。

您的e参数中提供了以下内容：

function isConfirmed(e) {

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

屏幕抓取

Answer 2

在切换事件本身中，您可以查看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