2016-02-24 3 views
-2

Мне нужно показать сообщение об ошибке, если ни один из нижеперечисленных флажков не установлен с использованием JavaScript.Проверка флажков с тем же именем

<tr> 
 
    <td>Status</td> 
 
    <td colspan="3"> 
 
    <input type="checkbox" name="chk_stat[]" value="single" id="chk_stat">single 
 

 
    <input type="checkbox" name="chk_stat[]" value="married" id="chk_stat">Married 
 

 
    <input type="checkbox" name="chk_stat[]" value="divorcee" id="chk_stat">Divorcee 
 

 
    <input type="checkbox" name="chk_stat[]" value="student" id="chk_stat">Student 
 
    </td> 
 
</tr>

+0

'уаг anychecked = $ ('input [name = "c hk_stat [] "] '). is (': checked ')' –

+0

В любом случае это должно быть снова открыто, потому что другие вопросы и ответы не используют ванильный JS ... –

+0

@ArunPJohny, что должно быть следующей строкой? –

ответ

1

Вы можете реализовать его с помощью выбора всех элементов с некоторым заданным именем, используя document.querySelectorAll и селектор атрибута с помощью pseudoclass :checked:

var checkedCheckboxes = document.querySelectorAll("[name='chk_stat[]']:checked"); 
 

 
if (checkedCheckboxes.length == 0) { 
 
    console.log("No checkbox is checked..."); 
 
}
<tr> 
 
    <td>Status</td> 
 
    <td colspan="3"> 
 
    <input type="checkbox" name="chk_stat[]" value="single" id="chk_stat">single 
 

 
    <input type="checkbox" name="chk_stat[]" value="married" id="chk_stat">Married 
 

 
    <input type="checkbox" name="chk_stat[]" value="divorcee" id="chk_stat">Divorcee 
 

 
    <input type="checkbox" name="chk_stat[]" value="student" id="chk_stat">Student 
 
    </td> 
 
</tr>

+0

Большое вам спасибо за помощь. –

+0

@DewDrop Нет проблем, пожалуйста!) –

Смежные вопросы