Как подсчитать флажки отмечены в DataTable для отображения и скрытой кнопки - PullRequest
0 голосов
/ 24 марта 2020

Я использую 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";
            }
        }); 
    });

1 Ответ

0 голосов
/ 24 марта 2020

Я думаю, вам нужно снова установить и подсчитать флажки в вашем методе изменения. Вы не можете повторно использовать переменную $ checkboxes

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...