如何在ASP中处理复选框。NET MVC窗体?

注意:这个问题已经超过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更新的。

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

当前回答

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

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

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

2012-05-22 21:32:21

其他回答

我很惊讶这些答案中没有一个使用内置MVC特性。

我在这里写了一篇关于这个的博客文章，甚至把标签链接到复选框。我使用EditorTemplate文件夹以一种干净和模块化的方式完成这一任务。

你只会在EditorTemplate文件夹中得到一个新文件，如下所示:

@model SampleObject

@Html.CheckBoxFor(m => m.IsChecked)
@Html.HiddenFor(m => m.Id)
@Html.LabelFor(m => m.IsChecked, Model.Id)

在你的实际视图中，不需要循环，只需一行代码:

@Html.EditorFor(x => ViewData.Model)

访问我的博客文章了解更多细节。

2011-10-16 03:31:12

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

2010-01-18 11:23:28

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

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

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

2012-05-22 21:32:21

超文本标记语言CheckBox做了一些奇怪的事情——如果你在结果页面上查看源代码，你会看到每个复选框旁边都生成了一个<input type="hidden" />，这解释了你看到的每个表单元素的"true false"值。

试试这个，它肯定能在ASP上工作。NET MVC Beta版，因为我刚刚尝试过。

把它放在视图中，而不是使用Html.CheckBox():

<% using (Html.BeginForm("ShowData", "Home")) {  %>
  <% foreach (var o in ViewData.Model) { %>
    <input type="checkbox" name="selectedObjects" value="<%=o.Id%>">
    <%= o.Name %>
  <%}%>
  <input type="submit" value="Submit" />
<%}%>

您的复选框都被称为selectedObjects，每个复选框的值是对应对象的GUID。

然后发布到下面的控制器动作(或做一些有用的事情而不是Response.Write())

public ActionResult ShowData(Guid[] selectedObjects) {
    foreach (Guid guid in selectedObjects) {
        Response.Write(guid.ToString());
    }
    Response.End();
    return (new EmptyResult());
}

这个例子只会写你选中的方块的guid;ASP。NET MVC将选中复选框的GUID值映射到GUID [] selectedObjects参数中，甚至解析来自请求的字符串。将集合形成实例化的GUID对象，我认为这是相当不错的。

2008-10-20 21:49:11

<input type = "checkbox" name = "checkbox1" /> <label> Check to say hi.</label>

来自控制器:

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Index(FormCollection fc)
    {

         var s = fc["checkbox1"];

         if (s == "on")
         {
             string x = "Hi";
         }
    }

2010-06-21 19:41:28

如何在ASP中处理复选框。NET MVC窗体?

推荐文章

最新文章

标签