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

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" />

但这些不是"选中"复选框 - 它们仍然是"未选中",并且需要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\"" : "") />