Как включить другие элементы управления, когда пользователь печатает в текстовом поле, и отключить, если он удаляет или текстовое поле пусто?

Question

Я пытаюсь отключить группу элементов управления на основе текстового поля. если пользователь ввел значение в это текстовое поле, элементы управления должны быть включены, и если пользователь удаляет значение или оно остается пустым, элементы управления должны быть отключены.

Answer 1

Какой тип управления вы хотите отключить?Если вы хотите отключить элементы управления формы, вы можете использовать следующий код:

$( '#txtName' ).on( 'input change paste', function() {
  var diasabled = !$.trim( $( this ).val() );

  $( 'input' ).not( this ).each( function() {
    $( this ).prop( 'disabled', diasabled )
  } )
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form name="frm" action="#" method="POST">
  <div>
    <label for="txtName">First Name:</label>
    <input type="text" id="txtName" required>
  </div>
  <div>
    <label for="txtFamily">Last Name:</label>
    <input type="text" id="txtTel" disabled>
  </div>
  <div>
    <label for="txtEmail">Email Address:</label>
    <input type="email" id="txtEmail" disabled>
  </div>
  <input type="submit" value="Submit" disabled>
</form>

Answer 2

предполагается, что ваш текстовый идентификатор поля TxtBoxName и предположим, что вы поместили свои элементы управления в div или любой другой контейнер, и его имя controls , мое решение следующее

$('#TxtBoxName').on('change',function(){
    if($(this).val().length == 0)
    {
        $('#controls').attr('disabled','disabled');
    }
    else 
    {
        $('#controls').removeAttr('disabled');
    }
})