C＃MVC-如何显示带有ID的不可编辑复选框，以便我可以使用Jquery进行抓取

Question

I've come across an issue with a field bound to a bool.

I want to show a checkbox representing a bool field in my model. I don't want the user to be able to edit it. But I need to be able to edit it's checked state using jquery - and for this it needs to have an id.

I can't seem to do it. Here's what I have tried:

@Html.DisplayFor(m => m.Deleted, null)

This shows the correct checked state but there's no id on the checkbox.

I noticed that using EditorFor you can apply HTML Attributes in the below fashion, but it doesn't work in DisplayFor - they are ignored.

@Html.DisplayFor(m => m.Deleted, new { htmlAttributes = new { @id = "cbCourtDeleted" } })

So I then thought I could use and EditorFor and apply readonly and disabled attributes (i've done this with textboxfor before and it works well:

@Html.EditorFor(m => m.Deleted, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly", @disabled = "disabled", @id = "cbCourtDeleted" } })

but when used in Editor for (for checkboxes at least) the checked state isn't displayed - it appears unchecked, but it does have the required id.

Question: How can I display a bool field from my model that has an id so I can get access to it via jquery/javascript?

Answer 1

@Html.CheckBoxFor(m => m.Deleted, new { @id = "chkDeleted", @disabled = "true"})

Answer 2

The HTML input element will have id and name attributes set to the property name of the model class, setting the id with an attribute is probably not needed,

@Html.CheckBoxFor(m => m.Deleted)

When the checkbox will not allow editing, and if the disabled attribute is used to prevent editing, it might help to add another property to the model for returning the value back to the server, since the browser does not return values of disabled inputs. This new property can be a hidden field and can be set with JQuery.

@Html.CheckBoxFor(m => m.Deleted, new { disabled = "disabled" })
@Html.HiddenFor(m => m.DeletedAndBackToServer)