asp.net 内核 razor 视图中的可选复选框验证

Question

Following the example found in this stackoverflow post: Radio Buttons with boolean

I'd like to create the same scenario using checkboxes instead of radiobuttons. Essentially Options: IsDomestic, IsInternational . So when a user first reaches the view no checkbox should be selected initially. So the user has the chance to select an option without one being selected by default due to booleans only being true or false.

so i set these in my model:

public bool? IsDomestic {get;set;}
public bool? IsInternational {get;set;}

I understand that an initial step would be to make the model fields null-able bools. I'd like to implement this using .net cores asp-for="checkbox"

Answer 1

You don't even need to make the fields nullable. The default value should be false thus showing empty on the view. Here is a working example:

Model:

    public class InputModel
    {
        [Required]
        [EmailAddress]
        public string Email { get; set; }

        [Required]
        [DataType(DataType.Password)]
        public string Password { get; set; }

        [Display(Name = "Remember me?")]
        public bool RememberMe { get; set; }
    }

View:

        <div class="form-group">
            <div class="checkbox">
                <label class="float-left" asp-for="Input.RememberMe">
                    <input asp-for="Input.RememberMe" />
                    <label asp-for="Input.RememberMe"></label>
                </label>
                <a class="float-right" asp-page="./Register" asp-route-returnUrl="@Model.ReturnUrl">Sign Up</a>
            </div>
        </div>

Result: