HTML 5 make checkbox требуется

Question

У меня есть несколько флажков в моей форме. Мне нужно заставить пользователя выбрать по крайней мере один флажок, иначе форма не будет отправлена. Я попробовал обязательный атрибут, но он проверяет, проверял ли пользователь все флажки.

Как это сделать?

Answer 1

Вы можете использовать Javascript, который просто прокручивает ваши html-флажки и устанавливает для Variable issomethingchecked значение TRUE, если хотя бы один из них выдернут.

демо http://jsfiddle.net/updpxrfj/2/

 var checkboxElements = document.getElementsByTagName("input"); 
     var issomethingchecked = false; 

     for(var i = 0; i < checkboxElements.length; i++) { 

     if(checkboxElements[i].type.toLowerCase() == 'checkbox') { 

      if (checkboxElements[i].checked == true) { 
       issomethingchecked = true; 
      } 

     } 

      if (issomethingchecked === true) { 
       // Continue with submiting the form 
        console.log(issomethingchecked); 
      } 
} 

Answer 2

Одним из решений является добавление необходимых атрибутов для всех флажков, и если хотя бы один из этих флажков установлен, снимите необходимые атрибуты для всех флажков с помощью JQuery.

var requiredCheckboxes = $(':checkbox[required]'); 

requiredCheckboxes.change(function(){ 
    if(requiredCheckboxes.is(':checked')) { 
     requiredCheckboxes.removeAttr('required'); 
    } 
    else { 
     requiredCheckboxes.attr('required', 'required'); 
    } 
}); 

DEMO