Checkbox input always return false value

Question

I'm using asp.net core 2.1 and I have a simple view with form like:

@model Security.WebUi.Pages.AssignClaimToUserModel

<form method="post">
    <div>
        <label>User:  </label>
        <select asp-for="UserId" asp-items="@Model.UserList">
            <option>Please select one</option>
        </select>
    </div>
    <div>
        <label>Role?</label>
        <input type="checkbox" name="IsRole" id="isRole" />
    </div>
    <div>
        <label>Claim Type</label>
        <input type="text" name="ClaimType" id="claimType" />
    </div>
    <div>
        <label>Claim Value</label>
        <input type="text" name="ClaimValue" />
    </div>
    <button type="submit">Submit</button>
</form>

As you can see I have a checkbox with IsRole property

So in my model I have a boolean:

 public class ClaimToUserdModel
    {
        public string ClaimType { get; set; }
        public string ClaimValue { get; set; }
        public Guid UserId { get; set; }
        public bool IsRole { get; set; }
    }

then in method I call as:

public async Task<IActionResult> OnPost(ClaimToUserdModel model)
            {
              ....
            }

But it always throw false, it does not care about checked or not. What am I doing wrong?

By default a bool is false unless you set it to true somewhere in the code. — casual_coder
– casual_coder, Commented Nov 15, 2018 at 23:39

A.M. Patel · Accepted Answer · 2018-11-16 05:28:30Z

5

I got the same issue, I fixed it by writing html checkbox tag, giving it the name same as property name, and value = true, if the checkbox is not checked no need to worry as it won't be submitted anyway, in your case this will be it

<input type="checkbox" name="Remember" value="true" checked="@Model.YourmodelPropertyname"/>

also you set checkbox checked property value using jquery.

answered Nov 16, 2018 at 5:28

A.M. Patel

3422 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nan Yu · Accepted Answer · 2018-11-16 03:40:59Z

You can use try :

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

It seems you are using ASP.NET Core Razor Page ,you can also refer to below sample :

@page
@model razorpages.Pages.AssignClaimToUserModel
@{
    ViewData["Title"] = "AssignClaimToUser";
}

<form method="post">

<div>
    <label>Role?</label>      
    <input asp-for="ClaimToUserdModel.IsRole" name="IsRole">
</div>

<button type="submit">Submit</button>

Code behind :

public class AssignClaimToUserModel : PageModel
{
    public ClaimToUserdModel ClaimToUserdModel;
    public void OnGet()
    {

    }

    public async Task<IActionResult> OnPost(ClaimToUserdModel model)
    {
        return null;
    }
}

public class ClaimToUserdModel
{
    public string ClaimType { get; set; }
    public string ClaimValue { get; set; }
    public Guid UserId { get; set; }
    public bool IsRole { get; set; }
}

Collectives™ on Stack Overflow

Checkbox input always return false value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related