How can I conditionally indicate if HTML / readonly input is disabled OR NOT?

Question

Here is an example of what I'm trying to achieve:

@Html.EditorFor(m => m.Description, new { htmlAttributes = new { @class = "form-control", @readonly = Model.IsReadOnly, disabled = Model.IsDisabled } }) 

The problem is that the browser considers the readonly and disabled tokens without checking their contents, so when the IsReadOnly and IsDisabled false , it will still display as disabled .

Is there any simple solution for this?

Answer 1

HTML: -

 @Html.EditorFor(m => m.Description, new { htmlAttributes = new { @class = "form-control" } }); 

Try using jQuery as shown: -

 if(@Json.Encode(Model.IsReadOnly)) { $('#Description').attr('readonly','readonly') } if(@Json.Encode(Model.IsDisabled)) { $('#Description').attr('disabled','disabled') }