Question

为什么我的复选框的值没有传递给我的ViewModel？

我的观点（我省略了与此帖无关的输入标签）：

@model Pro.WebUI.ViewModels.UserViewModel

@using (Html.BeginForm("ManageUsers", "Administration", FormMethod.Post, 
new { id = "request-form", @class = "form-horizontal" }))
{
 <div class="form-group">
  <label for="inputAuthorize" class="col-lg-2 control-label">Authorize</label>
   <div class="col-lg-8">
     <input type="checkbox" id="Authorized" name="Authorized" value="@Model.Authorized" />
   </div>
 </div>
 <div class="form-group">
  <div class="col-lg-10 col-lg-offset-2">
   <br /><br />
   <button type="submit" class="btn btn-primary">Submit Request</button>
   </div>
 </div>
 }

我的ViewModel：

public class UserViewModel
{
    [Key]
    public string UserID { get; private set; }

    public string UserName { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public bool Authorized { get; set; }
    public string Email { get; set; }
    public string Phone { get; set; }
    public string Notes { get; set; }
}

我的控制器：

 [HttpPost]
    public ActionResult ManageUsers(UserViewModel model)
    {
        if (ModelState.IsValid)
        {
            ProcurementUser obj = new ProcurementUser();
            obj.UserName = model.Email;
            obj.FirstName = model.FirstName;
            obj.LastName = model.LastName;
            obj.Email = model.Email;
            obj.Phone = model.Phone;
            obj.Authorized = model.Authorized;
            UserRepository.SaveUser(obj);
            //success message
        }
        return View(model);
    }

我没有包含所有输入标记但是当我在没有复选框的情况下单步执行代码时，会传递所有值。我查看了SOF上的其他复选框问题，但他们大多使用@ Html.Checkbox或@ Html.CheckboxFor。我想使用input type =“checkbox”

Answer 1

正如评论中暗示的那样，您所遇到的问题是您并未真正正确创建复选框：

假设您的模型有Authorized = true，您的加价将为：

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

同样，false状态会导致：

<input type="checkbox" id="Authorized" name="Authorized" value="false" />

但是这些都没有经过检查＆＃34;复选框 - 他们仍然未选中＆＃34;，并且需要checked属性设置：

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

斯蒂芬指出 - 未选中的复选框不会将任何数据发送回服务器，因此您不会对所选的选项感到困惑。

最后，正如我们已经注意到的那样，您的<label>元素用于查找inputAuthorize而非Authorized的不存在的字段。

如果您要使用@Html.CheckboxFor和@Html.LabelFor辅助类，那么所有这些问题都会得到解决。

Answer 2

如果我们需要使用<input>字段而不是@Html.CheckboxFor，我们可以使用"checked=\"checked\""语法，如下代码所示：

<input type="checkbox" id="Authorized" name="Authorized" value="true" @(Model.Authorized ? "checked=\"checked\"" : "") />

输入类型复选框与MVC剃须刀

2 个答案: