Шаблоны проверки формы Html5

Question

Я хочу сделать только один флажок группы флажков, обязательных для проверки пользователем без использования JavaScript. У меня есть следующий (довольно простой) код:

<input type="checkbox" class="checkbox_condition" name="checkboxGroupName" id="first" required> 
<input type="checkbox" class="checkbox_condition" name="checkboxGroupName" id="first" required> 

Я хочу заставить посетителя выбрать один флажок из группы. Как я могу сделать это без JavaScript? Буду признателен за любые рекомендации.

Answer 1

Переключите checkbox к radio - радио кнопки имеют встроенные функции вы ищете, в вашем css вы можете сделать radio button выглядеть флажок. увидеть мою скрипку https://jsfiddle.net/pcvwwjoe/2/

<input type="radio" class="checkbox_condition" name="checkboxGroupName" id="first" required> 
    <input type="radio" class="checkbox_condition" name="checkboxGroupName" id="first"> 

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