将复选框的值传递给 asp.net mvc4 中的控制器操作答案

【问题标题】：Pass values of checkBox to controller action in asp.net mvc4将复选框的值传递给 asp.net mvc4 中的控制器操作
【发布时间】：2013-09-22 15:37:19
【问题描述】：

我想通过我的操作方法测试复选框是否被选中。我需要将复选框值从视图传递到控制器。

这是我的看法：

@using (Html.BeginForm("Index", "Graphe"))
{
    <table style="width: 100%;" border="1">
        <tbody>
            <tr>
                <td>Responsable:</td>
                <td>
                    <select id="Responsables" name="responsables">
                        <option>Selectionnez --</option>
                    </select>
                </td>
                <td><input id="responsable" name="checkResp" type="checkbox" /></td>
            </tr>
            <tr> 
                <td><input type="submit" value="Afficher" id="ButtonSubmit"/></td>
                <td><input class="button" id="ButtonReset" type="button" value="Annuler"  /></td>
            </tr>
        </tbody>
    </table>
}

我试试这个：

public ActionResult Index(string responsables, bool checkResp)
{
    Highcharts chart = new Highcharts("chart");

    if (responsables != null)
    {          
        if (checkResp)
            chart = Global();
        else
            chart = Resp(responsables);
    }
    else
        chart = Global();
    return View(chart);
}

但我收到此错误：

Le dictionnaire de paramètres contient une entrée Null pour le 参数 « checkAct » de type non Nullable « System.Boolean » pour la 方法 « System.Web.Mvc.ActionResult Index(System.String, System.String, Boolean) » dans « Project.Controllers.GrapheController »。 Un paramètre facultatif doit être un type référence, un type Nullable ou être déclaré en tant que paramètre facultatif。名都 paramètre : 参数

翻译：

参数字典包含一个空条目不可为空类型“System.Boolean”的“checkAct”参数方法“System.Web.Mvc.ActionResult 索引（System.String， System.String, Boolean) “in” Project.Controllers.GrapheController "。可选参数必须是引用类型，类型可以为 Null 或被声明为可选参数。的名字参数：参数

【问题讨论】：

确保复选框中的值设置为 true

标签： c# asp.net asp.net-mvc asp.net-mvc-4 checkbox

【解决方案1】：

如果选中复选框，则回发值将包含[InputName]=[InputValue] 形式的键值对

如果未选中复选框，则发布的表单根本不包含对复选框的引用。

知道了这一点，以下将起作用：

在标记代码中：

<input id="responsable" name="checkResp" value="true" type="checkbox" />

还有你的动作方法签名：

public ActionResult Index(string responsables, bool checkResp = false)
{
    //Do Something
}

这会起作用，因为当复选框被选中时，回发将包含checkResp=true，如果未选中复选框，则参数将默认为 false。

【讨论】：

我尝试过，但一直 checkResp 都有错误值
@Nancy：我已经在我的环境中尝试过它并且它有效。试试这个：使用浏览器上的 F12 开发人员工具查看通过网络传回的值。它是否包含一个名为“checkResp”的值？
@Nancy - 好的，如果你检查它，它会说“checkResp=true”。如果不是，您确定您在输入中包含“value="true"' 作为属性吗？它实际上在发送的值中给出了什么值？
优雅而简单。 ++
如果我没有找到这篇文章，我认为我不会发现 FALSE 值会忽略表单中的字段。谢谢你。

【解决方案2】：

由于某种原因，Andrew 手动创建复选框的方法不适用于我使用 Mvc 5。相反，我使用了这个

@Html.CheckBox("checkResp")

创建一个与控制器配合得很好的复选框。

【讨论】：

【解决方案3】：

尝试使用表单集合

<input id="responsable" value="True" name="checkResp" type="checkbox" /> 

[HttpPost]
public ActionResult Index(FormCollection collection)
{
     if(!string.IsNullOrEmpty(collection["checkResp"])
     {
        string checkResp=collection["checkResp"];
        bool checkRespB=Convert.ToBoolean(checkResp);
     }

}

【讨论】：

这对我帮助很大。我只是想知道它是如何工作的<input value="check1" name="checkboxes" type="checkbox" /> 当我循环通过collection["checkboxes"] 它返回已检查的复选框的值。这是怎么发生的？

【解决方案4】：

以前的解决方案都不适合我。最后发现action应该编码为：

public ActionResult Index(string MyCheck = null)

然后，当检查时传递的值是“on”，而不是“true”。否则，它始终为空。

希望对某人有所帮助！

【讨论】：

【解决方案5】：

如果您希望 MVT 控制器在您提交表单时读取您的值，并且您不想处理隐藏的输入。您可以将value 属性添加到您的checkbox 并将其设置为true 或false。

MVT 不会在此处将 viewModel 属性 myCheckbox 识别为 true

<input type="checkbox" name="myCheckbox" checked="checked" />

但如果你添加了

<input type="checkbox" name="myCheckbox" checked="checked" value="true" />

执行此操作的脚本：

$(document).on("click", "[type='checkbox']", function(e) {
        if (this.checked) {
            $(this).attr("value", "true");
        } else {
            $(this).attr("value","false");}
    });

【讨论】：

谢谢马塔斯。设置 value="true" 解决了没有复选框值回传到控制器操作的问题。来自 w3schools.com 关于复选框：对于复选框，值属性的内容不会出现在用户界面中。 value 属性仅在提交表单时才有意义。如果在提交表单时复选框处于选中状态，则复选框的名称与 value 属性的值一起发送（如果未选中复选框，则不发送任何信息）。 w3schools.com/jsref/prop_checkbox_value.asp

【解决方案6】：

在复选框中设置值，如下所示：

<input id="responsable" name="checkResp" value="true" type="checkbox" />

在您的模型中将 checkResp 更改为可为空的属性，如下所示：

public Nullable<bool> checkResp{ get; set; }

使用？在 checkResp 之前：

public ActionResult Index( string responsables, bool ? checkResp)
{
 ......
}

【讨论】：

【解决方案7】：

您应该强烈输入您的观点。然后你可以这样做：

public class YourViewModel {
    public bool ConditionaValue { get; set; }
}

在您看来，您可以创建一个将绑定到此布尔值的复选框：

@Html.CheckBoxFor(x => x.ConditionalValue)

如果勾选，则模型属性为真。

对于您的直接问题.. 您需要将您的复选框命名为与您的操作方法参数相同的名称.. 并且它们应该是 bool..

【讨论】：

我没有使用任何强类型，没有它我可以传递这个值吗？？
@Nancy，然后按照 COLT TOLD 回答使用 FormCollection
有时你只是想传递一个值而不是模型绑定的一部分

【解决方案8】：

对于 MVC 控制器方法，使用可为空的布尔类型：

public ActionResult Index(string responsables, bool?checkResp) { 等等。 }

然后如果复选框被选中，checkResp 将为真。如果不是，它将为空。

【讨论】：

【解决方案9】：

 public ActionResult Save(Director director)
        {
          // IsActive my model property same name give in cshtml
//IsActive <input type="checkbox" id="IsActive" checked="checked" value="true" name="IsActive" 
            if(ModelState.IsValid)
            {
                DirectorVM ODirectorVM = new DirectorVM();
                ODirectorVM.SaveData(director);
                return RedirectToAction("Display");
            }
            return RedirectToAction("Add");
        }

【讨论】：

【解决方案10】：

<form action="Save" method="post">
 IsActive <input type="checkbox" id="IsActive" checked="checked" value="true" name="IsActive"  />

 </form>

 public ActionResult Save(Director director)
        {
                   // IsValid is my Director prop same name give    
            if(ModelState.IsValid)
            {
                DirectorVM ODirectorVM = new DirectorVM();
                ODirectorVM.SaveData(director);
                return RedirectToAction("Display");
            }
            return RedirectToAction("Add");
        }

【讨论】：

【解决方案11】：

我确实对大多数解决方案都有问题，因为我试图使用具有特定样式的复选框。我需要复选框的值来将它们发送到列表中，一旦收集到值，就需要保存它。一段时间后，我确实设法解决了这个问题。

希望它可以帮助某人。下面是代码：

控制器：

    [HttpGet]
    public ActionResult Index(List<Model> ItemsModelList)
    {

        ItemsModelList = new List<Model>()
        {                
            //example two values
            //checkbox 1
            new Model{ CheckBoxValue = true},
            //checkbox 2
            new Model{ CheckBoxValue = false}

        };

        return View(new ModelLists
        {
            List = ItemsModelList

        });


    }

    [HttpPost]
    public ActionResult Index(ModelLists ModelLists)
    {
        //Use a break point here to watch values
        //Code... (save for example)
        return RedirectToAction("Index", "Home");

    }

模型 1：

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;

    namespace waCheckBoxWithModel.Models
    {
        public class Model
{

    public bool CheckBoxValue { get; set; }

}
    }

模型 2：

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;

    namespace waCheckBoxWithModel.Models
    {
        public class ModelLists
{

    public List<Model> List { get; set; }

}
    }

查看（索引）：

    @{
ViewBag.Title = "Index";

@model waCheckBoxWithModel.Models.ModelLists
    }
    <style>

.checkBox {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* hide default checkbox*/
    .checkBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* checkmark */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 4px;
    border-width: 1px;
    box-shadow: inset 0px 0px 10px #ccc;
}

/* On mouse-over change backgroundcolor */
.checkBox:hover input ~ .checkmark {
    /*background-color: #ccc;*/
}

/* background effect */
.checkBox input:checked ~ .checkmark {
    background-color: #fff;
}

/* checkmark (hide when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* show checkmark (checked) */
.checkBox input:checked ~ .checkmark:after {
    display: block;
}

/* Style checkmark */
.checkBox .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #1F4788;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
   </style>

    @using (Html.BeginForm())
    {

    <div>

@{
    int cnt = Model.List.Count;
    int i = 0;

}

@foreach (var item in Model.List)
{

    {
        if (cnt >= 1)
        { cnt--; }
    }

    @Html.Label("Example" + " " + (i + 1))

    <br />

    <label class="checkBox">
        @Html.CheckBoxFor(m => Model.List[i].CheckBoxValue)
        <span class="checkmark"></span>
    </label>

    { i++;}

    <br />

}

<br />
<input type="submit" value="Go to Post Index" />    

    </div>

    }

【讨论】：

【解决方案12】：

我希望这会有所帮助。

为您的视图创建一个视图模型。这将代表复选框的真或假（选中或未选中）值。

public class UsersViewModel
{
    public bool IsAdmin { get; set; }
    public bool ManageFiles { get; set; }
    public bool ManageNews { get; set; }
}

接下来，创建您的控制器并将视图模型传递给您的视图。

public IActionResult Users()
{
     var viewModel = new UsersViewModel();
     return View(viewModel);
}

最后，创建您的视图并引用您的视图模型。使用@Html.CheckBoxFor(x => x) 来显示复选框并保存它们的值。

@model Website.Models.UsersViewModel
<div class="form-check">
    @Html.CheckBoxFor(x => x.IsAdmin)
    <label class="form-check-label" for="defaultCheck1">
           Admin
    </label>
</div>

当您从视图发布/保存数据时，视图模型将包含复选框的值。请务必将视图模型作为参数包含在调用以保存数据的方法/控制器中。

我希望这是有道理的并有所帮助。这是我的第一个答案，如果缺少，请见谅。

【讨论】：