Включить / отключить кнопку отправки, если в динамической таблице нет строки

Question

У меня есть форма с несколькими полями и динамической таблицей (ID-взносы с кнопкой «Добавить новую строку». Вся форма имеет кнопку отправки. Я хочу отключить кнопку отправки, если в динамической таблице нет строки. И, если этоВ таблице есть содержимое (при нажатии на кнопку «Добавить новую строку») кнопка «Отправить» снова будет активной.

Я много раз искал и нашел следующий код:

<script>$(document).ready(function(){
var rowCount = $('#installments tbody tr').length;
if(rowCount < 1){
    $('#submit').attr('disabled','disabled');
} else {
    $('#submit').removeAttr('disabled');
}
});</script>

Кнопка отправкиотключен при загрузке страницы (поскольку в динамической таблице не найдено записей). Я хочу активировать кнопку отправки при добавлении записей.

Пожалуйста, помогите. Заранее спасибо.

Answer 1

Да, вы должны вызывать функцию каждый раз, когда добавляете новую строку, также, если у вас есть кнопка удаления, вам нужно вызвать функцию, чтобы проверить, остались ли еще строки, если нет - отключить отправку.

Давайте предположим, что идентификатор вашей кнопки для добавления - «addNewRow», а идентификатор для удаления - «deleteRow» - тогда код может выглядеть следующим образом:

 <script>$(document).ready(function(){

    $("#addNewRow").click(function(){ 
                 /* your code for adding the row*/
                 buttonEnabler(); 
                 });
    $("#deleteRow").click(function(){ 
                 /* your code for removing the row*/
                 buttonEnabler(); 
                 });

    function buttonEnabler(){
    var rowCount = $('#installments tbody tr').length;
    if(rowCount < 1){
               $('#submit').attr('disabled','disabled');
        } else {
               $('#submit').removeAttr('disabled');
               }
    }

    });
</script>

Answer 2

Вы можете сделать функцию, которая обрабатывает атрибут, вызывать его при загрузке и нажатии кнопки

$(document).ready(function(){
 function ButtonHandler(){
   var rowCount = $('#installments tbody tr').length;
   if(rowCount < 1){
      $('#submit').attr('disabled','disabled');
   } else {
      $('#submit').removeAttr('disabled');
   }
  }

ButtonHandler()

$('YourBtn').click(function(){
 ButtonHandler()
});

});