Добрый день!
Как сделать несколько отмеченных radio кнопок?
Примерно как на этом сайте, только у меня вопросы без картинок
Сайт с примером опроса
Делаю quiz опрос для сайта. То есть, выбираешь один вариант ответа, нажимаешь "Далее" и переходишь к следующему вопросу (при этом блок с предыдущим вопросом скрывается).
Нужно, чтобы в одной форме было несколько radio кнопок с атрибутами checked (то есть, изначально отмечено по одному варианту ответа в каждом вопросе). Но, если просто прописать атрибут, то отмечается только нижняя кнопка. Остальные становятся неотмеченными.
Вопрос. Как сделать, чтобы можно было в одной форме использовать несколько input с атрибутами checked, и чтобы это всё нормально работало?
<div class="first-question">
<p>Первый вопрос</p>
<input type="radio" name="question" value="answer1" id="check1" checked>
<label for="check3">Первый ответ</label>
<input type="radio" name="question" value="answer2" id="check2">
<label for="check4">Второй ответ</label>
</div>
<div class="second-question">
<p>Второй вопрос</p>
<input type="radio" name="question" value="answer3" id="check3" checked>
<label for="check3">Первый ответ</label>
<input type="radio" name="question" value="answer4" id="check4">
<label for="check4">Второй ответ</label>
</div>
Простой