Boolean model binding issue in Mvc 4

Question

I want to bind a boolean property to a hidden input controller, but the output html code was error

code as follows：

public class TestModel
{
    public bool IsOk { get; set; }
    public bool IsSuccess { get; set; }
}

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new TestModel { IsOk = false, IsSuccess = true });
    }
}

<h2>Index</h2>
<p>@Model.IsOk</p>
<p>
  <input type="hidden" value="@Model.IsOk" />
</p>
<p>
  <input type="hidden" value="@Model.IsSuccess" />
</p>

Html Output

<h2>Index</h2>
<p>False</p> //works

<p>
    <input type="hidden" /> //where is value?
</p>

<p>
    <input type="hidden" value="value" /> //wath's this?
</p>

But if i use ToString(), all above works well, so is it my mistake?

possible duplicate of [Why is my hidden input writing: value="value" instead of true/false?](http://stackoverflow.com/questions/13455270/why-is-my-hidden-input-writing-value-value-instead-of-true-false) — nemesv, Aug 30 '13 at 09:13

score 3 · Answer 1 · answered Aug 30 '13 at 09:10

3

Html attributes requires string objects It's not automatically converted

So you have to use ToString()

answered Aug 30 '13 at 09:10

Joan Caron

1,969
18
21

Martin Liversage · Accepted Answer · 2013-08-30T09:24:28.077

In HTML when you have an attribute which functions as an on/off or true/false switch you remove the attribute when the attribute is off/false and add the attribute with the same value as the attribute name when the attribute is on/true. Razor provides you with that functionality as you have already experienced.

Perhaps you intend to use Html.HiddenFor in the view?

<p>
    @Html.HiddenFor(m => m.IsOk)
</p>
<p>
    @Html.HiddenFor(m => m.IsSuccess)
</p>

This will produce this HTML where you have value="False" and value="True" as you expect:

<p>
    <input data-val="true" data-val-required="The IsOk field is required." 
        id="IsOk" name="IsOk" type="hidden" value="False" />
</p>
<p>
    <input data-val="true" data-val-required="The IsSuccess field is required."
        id="IsSuccess" name="IsSuccess" type="hidden" value="True" />
</p>

Also, the model binder will be able to round-trip you view model properties.

score -1 · Answer 3 · edited Oct 14 '15 at 13:50

-1

Please try this.

 $('#controlId').is(":checked");

edited Oct 14 '15 at 13:50

Alex

8,461
6
37
49

answered Oct 14 '15 at 13:05

Manoj Gupta

456
4
9

this syntax is used for check box control when bind boolean value through jquery. – Manoj Gupta Jan 19 '16 at 09:26

Boolean model binding issue in Mvc 4

3 Answers3

Linked