Как передать событие чекбокса в скрипт версии 3
Как передать событие чекбокса в скрипт версии 3:
<div class="routes-wrp">
<div id="map" class="map">
<div id="controls">
<label>
<input type="checkbox" id="blue-markers" checked> Синие маркеры
</label>
<label>
<input type="checkbox" id="red-markers" checked> Красные маркеры
</label>
</div>
</div>
Ответы (2 шт):
Автор решения: Человек
→ Ссылка
js
let blue = document.getElementById('blue-markers')
let red = document.getElementById('red-markers')
blue.addEventListener('change', function() {
if (this.checked) {
console.log('Чекбокс включен');
} else {
console.log('Чекбокс выключен');
}
});
red.addEventListener('change', function() {
if (this.checked) {
console.log('Чекбокс включен');
} else {
console.log('Чекбокс выключен');
}
});
Автор решения: ksa
→ Ссылка
Как передать событие чекбокса в скрипт версии 3
Х/з что такое "скрипт версии 3"... Но обработку чекбоксов можно реализовать вот таким образом.
controls.addEventListener('change', e => {
const o = e.target
// вот тут уже можно передавать значение
console.log(o.id, o.checked)
})
<div class="routes-wrp">
<div id="map" class="map"></div>
<div id="controls">
<label>
<input type="checkbox" id="blue-markers" checked> Синие маркеры
</label>
<label>
<input type="checkbox" id="red-markers" checked> Красные маркеры
</label>
</div>
</div>