Как динамически отключить TextBox в MVC Razor?

Question

Я хочу динамически отключить/включить текстовое поле после этого флажка. Как мне это сделать? Я использую это:

@{ 
    object addInput = (Model.AddInput) ? null : new { disabled = "disabled" }; 

} 

@Html.CheckBoxFor(model=> model.AddInput) 

@Html.TextBoxFor(model => model.Input.Name, addInput) 

но он работает только при запуске. Щелчок по флажку ничего не меняет. Как можно сделать привязку к изменению автоматически отключить состояние?

Answer 1

Это должно быть сделано в javascript.

@{ 
    object addInput = (Model.AddInput) ? null : new { disabled = "disabled" }; 

} 

@Html.CheckBoxFor(model=> model.AddInput) 

@Html.TextBoxFor(model => model.Input.Name) 


<script> 
    $('#AddInput').click(function() { 
     var $this = $(this); 

     if ($this.is(':checked')) { 
      $('#Name').removeAttr("disabled"); 
     } else { 
      $('#Name').attr("disabled", "disabled") 
     } 
    }); 
</script> 

Answer 2

Добавить действие jquery при щелчке на флажке и установить правильное состояние.

Answer 3

В случае, если вы хотите включить его по какой-то причине, вы можете использовать следующее:

 $('#Name').attr("disabled", false);