如何防止在mvc中多次选择Razor控制单选按钮?

时间:2015-02-23 05:34:12

标签: c# asp.net-mvc-4 razor radiobuttonfor

我有男性和女性选项的单选按钮,但问题是他们都被选中而不是任何一个。

我的控制器:

 private List<SelectedGenderModel> GetGender()
        {
            var gender = new List<SelectedGenderModel>();
            gender.Add(new SelectedGenderModel { Name = "Male", Id = 1, Selected = false });
            gender.Add(new SelectedGenderModel { Name = "Female", Id = 2, Selected = false });
            return gender;
        }

我的观点:

@model MvcDemo.Models.EmployeeModel
 @for (int i = 0; i < Model.Gender.Count; i++)
                {
                    @Html.RadioButtonFor(m => m.Gender[i].Selected, new { id = "gender_" + i, name = "gendernm_" })
                    @Html.HiddenFor(m => m.Gender[i].Id)
                    @Html.HiddenFor(m => m.Gender[i].Name)
                    @Html.DisplayFor(m => m.Gender[i].Name)
                }

我的视图模型:

public class EmployeeModel
    {
            public int Id { get; set; }
            public string Fullname { get; set; }
            public List<SelectedGenderModel> Gender { get; set; }
    }

我的数据模型:

public partial class EmployeeMaster
    {
        public int Id { get; set; }
        public string Fullname { get; set; }
        public Nullable<bool> Gender { get; set; }
    }

那么如何防止多个选择单选按钮?

1 个答案:

答案 0 :(得分:1)

您的循环正在渲染2个具有不同名称(name="Gender[0].Selected"name="Gender[1].Selected")的单选按钮,这意味着它们属于2个不同的组。您可能认为new { name = "gendernm_" }正在修改name属性,但幸运的是它不是(否则模型绑定会在回发后失败)。

不清楚为什么数据模型具有属性bool? Gendertrue的值应该是男性还是女性?null值的含义是什么?或许{{1} }或bool IsMale可能对其他人更有意义,但为什么不把它变成字符串(或枚举)?

将您的视图模型更改为

bool IsFemale

并在视图中

public class EmployeeModel
{
  public int Id { get; set; }
  public string Fullname { get; set; }
  [Required]
  public string Gender { get; set; }
}

如果你想让它成为可空的bool,那么你可以使用

@Html.RadioButtonFor(m => m.Gender, "Male", new { id = "Male" })
<label for"Male">Male</label>
@Html.RadioButtonFor(m => m.Gender, "Female", new { id = "Female" })
<label for"Female">Female</label>
@Html.ValidationMessageFor(m => m.Gender)