JavaScript：堆棧和檢查複選框，並提醒如果沒有檢查

Question

所以，我想檢查是否有任何複選框檢查...如果沒有，提醒用戶選擇它們。

我不想使用jQuery。

這裏是我的代碼：

function handleChecked() { 
    let form = document.getElementById('form'); 
    var checked_boxes = false; 
    for (let i = 0; i < form.elements.length; i++) { 
    if (form.elements[i].type == 'checkbox' && form.elements[i].checked == true) { 
     checked_boxes=true;  
     handleRemoveElements(); 
    } 
    } 
    if (checked_boxes) { 
    handleCheckedBoxes(); 
    } else { 
    alert("Please select a box.");  
    } 
} 

什麼結束了發生的事情是我得到的警報不管。我相信這與操作如何堆疊有關，但我似乎無法做到。

想法？

Answer 1

您可以使用querySelectorAll與:checked和統計發現總：

function countTotalCheckboxChecked() { 
 
    console.log(document.querySelectorAll('.chk1:checked').length); 
 
}

<input type="checkbox" class="chk1" /><br /> 
 
<input type="checkbox" class="chk1" /><br /> 
 
<input type="checkbox" class="chk1" /><br /> 
 
<input type="checkbox" class="chk1" /><br /> 
 
<input type="checkbox" class="chk1" /><br /> 
 
<br /> 
 
<button onclick="countTotalCheckboxChecked()">Check</button>