切换按钮状态
问题描述:
我想在我的工具栏中使用切换按钮,但我无法找到如何检索状态。 有人可以解释我该怎么做?切换按钮状态
<%= 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")
}
问候
答
在触发事件本身,你可以看看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")
}
});
你明显在你试图检索的ID上犯了一个错误。并在C#中,我会通过IsChecked属性检索状态。 – Gino
对不起,快速复制/粘贴错误!修正了问题!顺便说一下,它不适用于正确的ID!这就是为什么我试图找出如何做到这一点! – ArDevTeam
@ArDevTeam和jQuery的关系? – ebilgin