切换按钮状态

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

<%= 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

切换按钮状态

回答

相关问题