在 javascript 中選中復選框時禁用和或啟用按鈕

Question

選中復選框時如何禁用或啟用按鈕。 此復選框在數據循環中，因此有很多復選框，我使用 className 獲取復選框

<input type="checkbox"  name='checked[]' class='check' onclick="aktifkan()"  id='checked'  value="<?= $data['gedung'];  ?>"> <!-- [] di pilih[] untuk menampung multiple checkbox -->

如果選中復選框，按鈕將啟用，取消選中復選框時將禁用

<button class="btn btn-succes btn-sm pull-right mb-2" disabled id="edit" onclick='edit()'>Edit</button>
<button class="btn btn-danger btn-sm pull-right mb-2" disabled id="hapus" onclick='hapus()'>delet</button>         

const cekbox     = document.getElementsByClassName('check');
const editt      = document.getElementById('edit');
const hapuss     = document.getElementById('hapus');
function aktifkan (){
    var i ;
    var j = cekbox.length;
    for( i = 0 ; i<= j ; i++){
        // if checkbox.checked = true; theb button.disabled = false
        if (cekbox[i].checked == true){
            editt.disabled = false;
            hapuss.disabled = false ;
        }
        // if checkbox.checke = false; then button.disabled = true
        else{
            editt.disabled = true;
            hapuss.disabled = true;
        }

    }            

}

Answer 1

這是你想要的東西：

 const cekbox = document.getElementsByClassName('check'); const editt = document.getElementById('edit'); const hapuss = document.getElementById('hapus'); function aktifkan() { let j = cekbox.length; let found = false; for (let i = 0; (i < j) &&;(found). i++) { // if checkbox;checked = true. if (cekbox.item(i);checked == true) { found = true. } } if (found) { // checkbox is checked editt;disabled = false. hapuss;disabled = false. } else { // checkbox is not checked. editt;disabled = true. hapuss;disabled = true; } }