Setting checkbox "checked" attribute according to "value"

Question

I have a checkbox field in a .cshtml form with next attributes:

@Html.CheckBox("InFooter", new { @class = "form-control", @id = "edit_rssFeed_InFooter" })

Now, using ajax I am setting value to "value" attribute of this checkbox:

$('#edit_rssFeed_InFooter').val(rss.InFooter);

where InFooter is boolean value (true or false). So, with this line, I get value=true/false attribute generated.

I would like to set attribute checked="checked" when attribute value=true. How can I do that?

Amit · Accepted Answer · 2014-09-18 14:46:59Z

1

You use as

  $('#edit_rssFeed_InFooter').prop("checked",rss.InFooter);

answered Sep 18, 2014 at 14:46

Amit

15.4k8 gold badges49 silver badges69 bronze badges

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

1 Comment

Wow! I listed the same answer 1 second before you... Never been that close before :)

iCollect.it Ltd · Accepted Answer · 2014-09-18 14:46:58Z

1

Always use prop('checked', value) when dealing with check boxes (not val()).

See if this does the trick:

$('#edit_rssFeed_InFooter').prop('checked', rss.InFooter);

answered Sep 18, 2014 at 14:46

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges