Почему не устанавливается флажок checked?

Как сделать так, чтобы появлялась дополнительная форма после того, как пользователь выберет "Да" или "Нет" в чекбоксе, нажав на инпут? В данный момент такая форма не появляется. Вот часть кода:<br/><pre><code class="html">&lt;li&gt;&lt;p&gt;Загестрироваться&lt;/p&gt;&lt;label for="hider"&gt;Да&lt;/label&gt;&lt;input id="hider" type="checkbox"&gt;/ нет &lt;input type="checkbox"&gt;&lt;/li&gt;
  • 26 марта 2024 г. 12:39
Ответы на вопрос 2
Чтобы установить флажок checked, нужно добавить атрибут checked к соответствующему input элементу. Например, <input id="hider" type="checkbox" checked>.

Чтобы показать дополнительную форму после выбора "Да" или "Нет" в чекбоксе, вы можете использовать JavaScript. Вот пример кода, который покажет или скроет форму в зависимости от выбора пользователя:

HTML:
```html
<li>
  <p>Загестрироваться</p>
  <label for="hider">Да</label>
  <input id="hider" type="checkbox">
  / нет <input type="checkbox">
</li>

<div id="additionalForm" style="display: none;">
  <!-- Ваша дополнительная форма здесь -->
</div>
```

JavaScript:
```javascript
document.getElementById('hider').addEventListener('change', function() {
  var additionalForm = document.getElementById('additionalForm');
  if (this.checked) {
    additionalForm.style.display = 'block';
  } else {
    additionalForm.style.display = 'none';
  }
});
```

Этот код будет показывать и скрывать дополнительную форму при выборе "Да" или "Нет" в чекбоксе. Вы можете изменить содержимое дополнительной формы и стилизацию по вашему усмотрению.
"+" - это селектор родства, причем смежного, т.е. в данном случае, если бы форма была бы следующим элементом и имела бы общего родителя - рядом стоящие сиблинги, то все бы сработало. 
Можно попробовать селектор "~", который ищет родственный нижестоящий сиблинг, но для этого форму требуется засунуть в ol, такое себе(
В данном случае лучше использовать js
Похожие вопросы