@Html.CheckboxFor not displaying in mvc

Question

The checkbox is not displaying in page. I tried many solutions in google. Nothing worked. Here s the code:

@model project.gamestatus

@using (Html.BeginForm("Create", "Calculator", FormMethod.Post, new { id = "frmID" }))
{

        //other codes

        <div class="form-group">
                @Html.Label("Show on Screen", htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.CheckBoxFor(m => m.display_status)
                    @Html.ValidationMessageFor(model => model.display_status, "", new { @class = "text-danger" })
                </div>
            </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-info" />
            </div>
        </div>
}

Only if the checkbox is shown in page i can proceed with validation. In my view there is no checkbox

you haven't set a value on your check box. see my answer here stackoverflow.com/questions/22174475/… — Matt Bodily
– Matt Bodily, Commented Dec 17, 2015 at 14:03
What do you mean its not showing? You have a CheckBoxFor() method that will generate the html (a <input type="checkbox" .. /> and a <input type="hidden" ... />) for the property which you can easily verify by inspectinh the page source. If you not seeing it visually, then you probably have an issue with your css. — user3559349
– user3559349, Commented Dec 17, 2015 at 23:42
@Stephen Muecke When i inspected the html code i found it has a css property "display:none" along with it. so the checkbox is not showing in view — Noxious Reptile
– Noxious Reptile, Commented Dec 18, 2015 at 10:04

vincentsty · Accepted Answer · 2015-12-17 15:23:24Z

2

First of all, you need to ensure that the display_status model is of boolean type and assigned the display name to it along with any validation.

[Display(Name="CheckBox Display Name")]
[Required]
public bool display_status { get; set; }

Also, @Html.CheckBoxFor do not support the label of checkbox. Therefore, you can have the label of the checkbox using @Html.LabelFor as follow:

<div class="form-group">
    @Html.Label("Show on Screen", htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.CheckBoxFor(m => m.display_status)
        @Html.LabelFor(m => m.display_status)
        @Html.ValidationMessageFor(m => m.display_status, "", new { @class = "text-danger" })
    </div>
</div>

edited Dec 17, 2015 at 15:23

answered Dec 17, 2015 at 15:17

vincentsty

3,2418 gold badges40 silver badges53 bronze badges

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

1 Comment

Noxious Reptile Over a year ago

i checked in inspector and it always has a css property "display:none" which is autogenerated by the helper

Saim Abdullah · Accepted Answer · 2018-04-12 07:53:28Z

2

though its a very old post but I undergo this issue todat, but when I inspected I found that the CSS property opacity was set to 0 so changing it to 1 will solve the issue

 @Html.EditorFor(model => model.Active, new { htmlAttributes = new { style = "opacity: 1" } })

answered Apr 12, 2018 at 7:53

Saim Abdullah

3041 silver badge14 bronze badges

Comments

davaus · Accepted Answer · 2017-01-06 00:58:52Z

0

I fixed the problem by setting the height to 20px explicitly. When I examined the page, it was being set to 20%:

@Html.CheckBoxFor(m => m.ExistingUser, new { style="height:20px" })

answered Jan 6, 2017 at 0:58

davaus

1,16513 silver badges16 bronze badges

Collectives™ on Stack Overflow

@Html.CheckboxFor not displaying in mvc

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related