如何檢查復選框列表中是否至少選中了一個復選框，其名稱屬性為數組

Question

我有一個div，在該div內，我有一個復選框，其名稱屬性為數組，現在我想知道如果至少選中一個復選框。

<div id="check_lists">
  <input type="checkbox" name="usernames[]" value="1">

<input type="checkbox" name="usernames[]" value="2">

<input type="checkbox" name="usernames[]" value="3">

<input type="checkbox" name="usernames[]" value="3">

</div>

Answer 1

您可以將屬性等於選擇器與.is（）和：checked-selector一起使用

if($('input[name="usernames[]"]').is(':checked')){
    //at least one is checked
}

Answer 2

使用length查找至少一個復選框

 if($('#check_lists input[type=checkbox][name="usernames[]"]:checked').length){
      // at least one check box is checked 
      }