Отметить Checkbox при условии (чистый js)

264
12 августа 2017, 04:59

Как с помощью чистого JS отметить checkbox с id="dva" , если отмечен checkbox с id="odin" ?

Answer 1
if (odin.checked) {
     dva.checked = 1;
}
Answer 2

как-то так :

document.getElementById('dva').addEventListener('change', function() { 
  document.getElementById('odin').checked = !document.getElementById('dva').checked; 
}); 
 
document.getElementById('odin').addEventListener('change', function() { 
  document.getElementById('dva').checked = !document.getElementById('odin').checked; 
});
<label for="odin">Odin</label> 
<input type="checkbox" id="odin" /> 
<br /> 
<label for="dva">Dva</label> 
<input type="checkbox" id="dva" />

Answer 3

Как вариант:

var chckbx = document.querySelectorAll('input[type="checkbox"]'); 
 
Array.from(chckbx).forEach(function (chck) { 
  chck.addEventListener('change', function (e) { 
    Array.from(chckbx).forEach(function (chck) { 
      chck.checked = false; 
    }); 
     
    e.target.checked = true; 
  }); 
});
input[type="checkbox"]:checked + label { 
  color: #0f0; 
}
<input type="checkbox" id="odin"> 
<label for="odin">Odin</label> 
<br> 
<input type="checkbox" id="dva"> 
<label for="dva">Dva</label>

READ ALSO
Vue асинхронные компоненты

Vue асинхронные компоненты

Начал пробовать Vue и сразу же споткнулся на асинхронности компонентов

281
Autocomplete по двум значениям

Autocomplete по двум значениям

Делаю поиск по имени в базе, получаю список объектовКак мне настроить autocomplete, чтобы при выборе имени из списка, сохранялся id в input value

216
Динамическая подгрузка карты google map

Динамическая подгрузка карты google map

Всем доброго времени сутокЕсть задача подгрузить карту в зависимости от выбранной странны

225
форматирование кода в webstorm

форматирование кода в webstorm

есть комбинация ctrl + alt + LФорматирует красиво, но гораздо удобней лично для меня было бы не просто пробелы проставить, а, например, выровнять...

314