注意:这个问题已经超过9年了!

您最好的选择是搜索更新的问题,或者搜索下面的答案,寻找您特定的MVC版本,因为这里的许多答案现在已经过时了。

如果你确实找到了适合你的版本的答案,请确保答案包含了你正在使用的MVC版本。 (原来的问题从下面开始)


这对我来说似乎有点奇怪,但据我所知,这就是你怎么做的。

我有一个对象集合,我希望用户从中选择一个或多个对象。这对我来说是“带复选框的表单”。我的对象没有任何“选定”的概念(它们是通过反序列化wcf调用形成的基本POCO)。所以,我这样做:

public class SampleObject{
  public Guid Id {get;set;}
  public string Name {get;set;}
}

在视图中:

<%
    using (Html.BeginForm())
    {
%>
  <%foreach (var o in ViewData.Model) {%>
    <%=Html.CheckBox(o.Id)%>&nbsp;<%= o.Name %>
  <%}%>
  <input type="submit" value="Submit" />
<%}%>

并且,在控制器中,这是我能看到的唯一方法来找出用户检查了什么对象:

public ActionResult ThisLooksWeird(FormCollection result)
{
  var winnars = from x in result.AllKeys
          where result[x] != "false"
          select x;
  // yadda
}

首先,它很怪异,其次,对于用户选中的那些项,FormCollection将其值列出为“true false”而不仅仅是true。

显然,我遗漏了一些东西。我认为这是基于这样的想法构建的,即在html表单中所作用的集合中的对象是使用UpdateModel()或通过ModelBinder更新的。

但我的对象并不是为此而设置的;这意味着这是唯一的办法吗?还有别的办法吗?


当前回答

如果你想知道为什么他们把一个隐藏字段与复选框的名称相同,原因如下:

从源代码MVCBetaSource\MVC\src\MvcFutures\ MVC\ ButtonsAndLinkExtensions.cs注释

呈现一个额外的<input type = "隐藏"……/>为复选框。 这解决了以下场景: 未选中的复选框不会被发送 请求。发送隐藏输入 这样就有可能知道 时,页面上出现复选框 请求已提交。

我猜在幕后,他们需要知道这个绑定到控制器动作方法的参数。然后你可以有一个三状态布尔值(绑定到一个可为空的bool参数)。我还没试过,但我希望他们这么做了。

其他回答

这是我一直在做的。

观点:


<input type="checkbox" name="applyChanges" />

控制器:


var checkBox = Request.Form["applyChanges"];

if (checkBox == "on")
{
...
}

我找到了Html。* helper方法在某些情况下不是很有用,我最好在普通的旧HTML中做它。这是其中之一,另一个想到的是单选按钮。

编辑:这是在预览5,显然是在版本之间的YMMV。

我的解决方案是:

<input type="checkbox"  id="IsNew-checkbox"  checked="checked" />     
<input type="hidden"  id="IsNew" name="IsNew" value="true"  />      
<script language="javascript" type="text/javascript" >     
  $('#IsNew-checkbox').click(function () {    
      if ($('#IsNew-checkbox').is(':checked')) {    
          $('#IsNew').val('true');    
      } else {    
          $('#IsNew').val('false');    
       }    
  });   
</script>  

你可以在这里找到更多: http://www.blog.mieten.pl/2010/12/asp-net-mvc-custom-checkbox-as-solution-of-string-was-not-recognized-as-a-valid-boolean/

这个问题也出现在1.0版中。Html.Checkbox()导致添加另一个隐藏字段,其名称/id与原始复选框相同。当我尝试使用document.GetElemtentsByName()加载复选框数组时,您可以猜到事情是如何变得混乱的。这很奇怪。

从我所能收集到的,模型不想猜测是否checked = true或false,我通过在提交表单之前使用jQuery在复选框元素上设置一个值属性来解决这个问题:

 $('input[type="checkbox"]').each(function () {
       $(this).attr('value', $(this).is(':checked'));
 }); 

这样,您就不需要一个隐藏元素来存储复选框的值。

您还应该使用<label for="checkbox1">Checkbox 1</label>,因为这样人们就可以单击标签文本以及复选框本身。它也更容易设置样式,至少在IE中,当你通过页面的控件时,它会被突出显示。

<%= Html.CheckBox("cbNewColors", true) %><label for="cbNewColors">New colors</label>

这不仅仅是一件‘哦,我可以做到’的事情。这是一个显著的用户体验增强。即使不是所有用户都知道他们可以点击标签,很多人也会。