Отключение select'ов по чекбоксу
Вложений: 1
Добрый день,
Верстаю простенький калькулятор https://codepen.io/tgbot454/pen/GxbaWZ?editors=1010 Прошу подсказать, как при неактивном элементе (1 на скрине) отключать поле выбора (2) Скрин во вложении. Изначально думал множить значения из селекта на постоянное число чекбокса, но от идеи отказался. Большое спасибо за внимание. |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="checkbox" checked>
<select name="" id="">
<option>1 опц</option>
<option>2 опц</option>
<option>3 опц</option>
</select>
<script>
document.querySelector('input').onchange = function(){
document.querySelector('select').disabled = !this.checked;
};
</script>
</body>
</html>
|
Спасибо большое. Но прошу еще уточнить, как сделать сброс значение из селекта, если чекбокс неактивен. Имхо в нашем случае хоть раз выбрав select, value сохраняется
|
Sviside,
document.querySelector('input').onchange = function(){
document.querySelector('select').disabled = !this.checked;
document.querySelector('select').selectedIndex = 0;
};
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="checkbox" checked>
<select name="" id="">
<option></option>
<option>1 опц</option>
<option>2 опц</option>
<option>3 опц</option>
</select>
<script>
var sel = document.querySelector('select');
document.querySelector('input').onchange = function(){
sel.disabled = !this.checked;
if (!this.checked) sel.selectedIndex = 0;
};
</script>
</body>
</html>
|
Спасибо Господа! Вопрос решен
|
| Часовой пояс GMT +3, время: 17:26. |