如何使用javascript/jQuery选中/取消选中HTML CheckBoxFor
我已经看过了“如何使用Javascript/jQuery选中/取消选中复选框”问题的所有其他答案,他们似乎说使用:如何使用javascript/jQuery选中/取消选中HTML CheckBoxFor,javascript,jquery,html,asp.net-mvc,razor,Javascript,Jquery,Html,Asp.net Mvc,Razor,我已经看过了“如何使用Javascript/jQuery选中/取消选中复选框”问题的所有其他答案,他们似乎说使用: $("#idSelector").prop('checked', true); $("#idSelector").prop('checked', false); 但是,由于razor html帮助程序在混合中添加了第二个输入元素,这会造成复杂性 $(文档)。在(“单击”、“输入[type='radio']”上,函数(){ $(“输入[type='radio']”)。每个(函数(
$("#idSelector").prop('checked', true);
$("#idSelector").prop('checked', false);
但是,由于razor html帮助程序在混合中添加了第二个输入元素,这会造成复杂性
$(文档)。在(“单击”、“输入[type='radio']”上,函数(){
$(“输入[type='radio']”)。每个(函数(){
var=这个;
$(this).parent()同级(“#checkBoxArray”).find(“:checkbox”).each(函数(i,项){
$(item.prop('checked',that.checked));
});
});
});代码>
第一组选择
一个
两个
三
四
五
六
七
如果您的代码看起来像:
@using(Html.BeginForm......
{
...
@Html.LabelFor(s=>s.idSelector, "idSelector")
@Html.CheckBoxFor(s=>s.idSelector)
...
}
将复选框设置为“已选中”只需执行以下操作:
$("#idSelector").prop('checked', true);
由于这个问题的年代久远,这可能对海报没有帮助,但我希望这将有助于像我一样查找此搜索的人,特别是在编辑网格项时查找Kendo()。我能够勾选/取消勾选Listeeek提到的方式,但由于剑道中的隐藏内容,它绑定的模型没有更新。我在这里添加了第二行来更新模型
$("#CHECKBOXNAME").prop('checked', desiredBool);
$('#GRIDNAME').data().kendoGrid.editable.options.model.CHECKBOXITEM = desiredBool;
希望这有帮助。此代码用于将复选框的选中状态更改为false(如果为true)
if ($("#cbName").is(":checked")) {
$("#cbName").click();
}
@Lexib0y这绝对不是重复,因为我明确表示我已经在使用该问题中的答案,但由于我指定的原因,这些答案不起作用。哦,那是个错误,对不起。什么复杂情况?不应更改隐藏的输入。复选框的值为true
,相应的隐藏输入的值为false
。如果选中该复选框,它将回发true、false
,ModelBinder将属性值设置为true(忽略第二个值)。如果未选中,它将发回false
(未选中的复选框不会发回),并且属性值设置为false
@StephenMuecke,这可能是问题的一部分。当我手动单击复选框时,选中时隐藏输入的值将更改为true,未选中时将更改为false。第一个输入的值始终为真。那么这是不正确的行为?