Как отключить кнопку, если не отмечены отмеченные флажки

Question

У меня есть столбец флажка в моей таблице данных, и я хочу скрыть кнопку, если ни один из отмеченных ящиков не щелкнул. [Включая разбивку на страницы]. ниже мой код, я использовал, чтобы получить значения при нажатии кнопки, пожалуйста совет,

$('#button').click(function() { 
    var id = ""; 
    var oTable = $("#userTable").dataTable(); 
    $(".groupCheckBox:checked", oTable.fnGetNodes()).each(function() { 
     if (id != "") { 
      id = id + "," + $(this).val(); 
     } else { 
      id = $(this).val(); 
     } 

    }); 
}); 

Answer 1

Вы можете добавить слушатель событий для всех ваших флажков. Всякий раз, когда что-то меняется, вы проверяете, все ли они не проверены => отключить кнопку, else => включить кнопку.

$(".groupCheckBox").on('change', function(){ 
    if($(".groupCheckBox:checked", oTable.fnGetNodes()).length == 0){ 
     $('#merge_button').prop('disabled', true); 
    }else{ 
     $('#merge_button').prop('disabled', false); 
    } 
}); 

Answer 2

$('#merge_button') по умолчанию отключено и слушающий change события для всех $('.groupCheckBox') элементов .. В чеке обработчика событий, если какой-либо флажок, чтобы обновить свойство кнопки:

$('.groupCheckBox').on('change', function() { 
 
    $('#merge_button').prop('disabled', $('input.groupCheckBox:checkbox:checked').length === 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 
<input type="checkbox" class="groupCheckBox"> 
 

 
<hr> 
 

 
<button id="merge_button" disabled>Merge</button>