кнопка включения радио в вопросе начальной загрузки

Question

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

<input type="checkbox" onclick="alert('Scenery!')"/> 

Но когда я использую

 <label class="" onclick="alert('Scenery!')">
            <input type="checkbox" id="scenery-option" onclick="alert('Scenery!')"/> 
        </label>

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

Answer 1

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

Так что же это проблема с radio илиcheckbox?

Во-вторых

Ваша проблема не может быть воспроизведена.Посмотрите на пример ниже.При нажатии checkbox предупреждение показывается дважды.Один для метки и один для флажка.
Я изменил предупреждающее сообщение, чтобы вы могли видеть разницу

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<label class="" onclick="alert('Label clicked!')">
  Here is some text:
  <input type="checkbox" id="scenery-option" onclick="alert('Checkbox clicked!')"/> 
</label>

Дополнительно

В случае кнопок radio и checkbox я рекомендую использовать change событие, которое срабатывает при изменении значения элемента.

$("#scenery-option").on('change', function() {
  alert("Checkbox value changed");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>

<label>
  Here is some text:
  <input type="checkbox" id="scenery-option" /> 
</label>

Answer 2

Вы используете jQuery.Таким образом, вы можете решить это так:

$(document).on('click', '#scenery-option', function(){
 alert('works');
});