如何有条件地指定 HTML 输入是 disabled/readonly 还是不是？

Question

这是我正在努力实现的示例：

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

问题是浏览器在不检查其内容的情况下对待 readonly 和 disabled 标记的存在，因此当 IsReadOnly 和 IsDisabled 属性是false，它仍然会显示为disabled。

有什么简单的解决办法吗？

Answer 1

HTML :-

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

尝试使用 jQuery，如图所示：-

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

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