Question

So I have this Model:

    public int ID { get; set; }
    [Required(ErrorMessage = "A Name is required")]
    public string Name { get; set; }
    public bool GreenCircle { get; set; }
    public bool BlueSquare { get; set; }
    public bool BlackDiamond { get; set; }
    public bool TerrainPark { get; set; }

Currently the View I have that allows a user to create a profile sets up Checkboxes for the bool properties listed here.

I am looking for a way to set up JQuery Validation that will require that one and only one of these bool properties is set to true so I’m thinking I should be using RadioButtons but I’m not quite sure how I can group those when they get set up in a View or how I can perform that type of validation.

Any ideas? I’m here to learn so please point me in the right direction for research if you must; thank you in advance.

Answer 1

Use an enum. For example:

public enum MyEnum
{
    GreenCircle,
    BlueSquare,
    BlackDiamond,
    TerrainPark
}

Then use it in your model instead of four different boolean properties.

public class MyModel
{
    public MyEnum MyOption { get; set; }
}

Then generate radiobuttons in your view.

@using (Html.BeginForm())
{
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.BlackDiamond);
    <span>Black Diamond</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.BlueSquare, 
        new { @checked = "true" });
    <span>Blue Square</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.GreenCircle);
    <span>Green Circle</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.TerrainPark);
    <span>Terrain Park</span><br />
}

Remark: Maybe you can implement an HTML helper to generate the radio button markup for you.