Я использую datatable для сбора данных, я использую функцию флажка в datatable, чтобы выбрать данные, которые должны быть выполнены в форме кнопки удаления и редактирования, мой план удаления и редактирования кнопок появится вместе, когда флажок выбрано в 1 данных, для отмеченных флажков появится более 1 кнопки, просто удалите ее. У меня проблема в том, что кнопка не хочет появляться, следуя моему коду
Таблица и код кнопки:
<div class="col s12 m12 l12">
<button id="hapus" class="waves-effect waves-light btn" style="display: none">Hapus</button>
<button id="status" class="waves-effect waves-light btn" style="display: none">Ubah Status</button>
<table id="example" style="width:100%">
<thead>
<tr>
<th>No</th>
<th>Judul</th>
<th>Tag</th>
<th>Status</th>
<th>Tanggal</th>
<th></th>
</tr>
</thead>
</table>
Jquery:
$(document).ready(function(){
var xx = document.getElementById("status");
var xy = document.getElementById("hapus");
var $checkboxes = $('#example td input[type="checkbox"]');
$checkboxes.change(function(){
var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
if (countCheckedCheckboxes == 1){
xx.style.display = "block";
xy.style.display = "block";
} else if (countCheckedCheckboxes >= 2) {
xx.style.display = "none";
xy.style.display = "block";
} else {
xx.style.display = "none";
xy.style.display = "none";
}
});
});