我刚刚注意到Html.CheckBox(“foo”)生成2个输入而不是一个,有人知道为什么是这样吗?
<input id="foo" name="foo" type="checkbox" value="true" />
<input name="foo" type="hidden" value="false" />
我刚刚注意到Html.CheckBox(“foo”)生成2个输入而不是一个,有人知道为什么是这样吗?
<input id="foo" name="foo" type="checkbox" value="true" />
<input name="foo" type="hidden" value="false" />
当前回答
当我使用WebGrid时,我发现这确实引起了问题。WebGrid上的排序链接将由加倍的查询字符串或x=true&x=false转换为x=true,false,并在复选框中导致解析错误。
我最终使用jQuery在客户端删除隐藏字段:
<script type="text/javascript">
$(function () {
// delete extra hidden fields created by checkboxes as the grid links mess this up by doubling the querystring parameters
$("input[type='hidden'][name='x']").remove();
});
</script>
其他回答
在。net core 6中,我遇到了同样的问题,我尝试了@Kolazomai答案,它是有效的。
using Microsoft.AspNetCore.Mvc;
builder.Services.Configure<MvcViewOptions>(
opt=>opt.HtmlHelperOptions.CheckBoxHiddenInputRenderMode = Microsoft.AspNetCore.Mvc.Rendering.CheckBoxHiddenInputRenderMode.None
);
这不是bug!它增加了在将表单提交到服务器后始终具有值的可能性。 如果你想用jQuery处理复选框输入字段,请使用prop方法(将'checked'属性作为参数传递)。 例子:$ (' # id ') .prop(检查)
你可以尝试像这样初始化Model的构造函数:
public MemberFormModel() {
foo = true;
}
在您看来:
@html.Checkbox(...)
@html.Hidden(...)
从ASP开始。NET (Core) 5,添加到你的启动:
services.Configure<MvcViewOptions>(options =>
{
// Disable hidden checkboxes
options.HtmlHelperOptions.CheckBoxHiddenInputRenderMode = CheckBoxHiddenInputRenderMode.None;
});
以你的观点为例:
<input class="form-check-input" asp-for="@Model.YourBool" />
此属性的附加隐藏字段不再在表单中创建:
<input class="form-check-input" type="checkbox" data-val="true" data-val-required="The YourBool field is required." id="YourBool" name="YourBool" value="true" />
来源:https://github.com/dotnet/aspnetcore/pull/13014 # issuecomment - 674449674
使用Contains,它将与两个可能的post值一起工作:"false"或"true,false"。
bool isChecked = Request.Form["foo"].Contains("true");