Checkbox Поведение RadioButton

Question

Я пытаюсь внедрить тему начальной загрузки в новый стиль для управления OpenLayers Layer Switcher.
В бутстраповских примерах, я заметил, что входа элементы вложены в этикетках элементов, как это:

<label class="radio span2"> 
    <input type="radio" value="option1"> 
    Cash 
</label> 
<label class="radio span2"> 
    <input type="radio" value="option2"> 
    Invoice 
</label> 
<label class="radio span2"> 
    <input type="radio" value="option3"> 
    Discover 
</label> 

Это кажется, что при нажатии на ярлыке кнопки радио, он получает проверено, но не срабатывает. Но когда вы нажимаете на радио, оно срабатывает. То же самое происходит с checkboxes. Но даже если флажки отмечены флажком, на этот раз событие click не запускается.

Вы можете проверить код here

Как я могу решить эту проблему?

Answer 1

Вы зарегистрировали обработчик событий click для своих элементов управления. Если вы не нажмете на элемент управления, обработчик не будет вызван.

Когда метка связана с элементом, тогда щелчок по ней активирует элемент. В случае флажка или переключателя это означает проверку/проверку.

Флажки также могут быть изменены другими способами, например. клавиатура. Таким образом, обработчик событий click - не лучший выбор. Вместо этого используйте событие change.