Упростить код JavaScript

110
31 марта 2021, 12:20

Я только начинаю изучать JS, возникла проблема, есть рабочий код, но сильно громоздкий и большой, помогите его упростить или уменьшить.

<script>
    document.getElementById('check-1').onchange = function() {
        document.getElementById('item-1').disabled = !this.checked;
    };
    document.getElementById('check-2').onchange = function() {
        document.getElementById('item-2').disabled = !this.checked;
    };
    document.getElementById('check-3').onchange = function() {
        document.getElementById('item-3').disabled = !this.checked;
    };
    document.getElementById('check-4').onchange = function() {
        document.getElementById('item-4').disabled = !this.checked;
    };
</script>
Answer 1

document.querySelector('main').addEventListener('change', function (e) { 
  var row = e.target.parentElement 
 
  if (row && row.classList.contains('chk-with-input')) { 
    row.querySelector('.chk-dest').disabled = !e.target.checked 
  } 
})
<main> 
  <div class=chk-with-input> 
    <input type=checkbox checked> 
    <input type=text class=chk-dest> 
  </div> 
  <div class=chk-with-input> 
    <input type=checkbox checked> 
    <input type=text class=chk-dest> 
  </div> 
  <div class=chk-with-input> 
    <input type=checkbox checked> 
    <input type=text class=chk-dest> 
  </div> 
  <div class=chk-with-input> 
    <input type=checkbox checked> 
    <input type=text class=chk-dest> 
  </div> 
  <div class=chk-with-input> 
    <input type=checkbox checked> 
    <input type=text class=chk-dest> 
  </div> 
</main>

READ ALSO
Можно ли создать в canvas blur эффект на фото при mousemove?
javascript

Можно ли создать в canvas blur эффект на фото при mousemove?

Можно ли создать на canvas библиотеке Konvajs (или на каком-то другом) blur эффект на фото при mousemove?

 109
Как писать тесты для строк?
javascript

Как писать тесты для строк?

У меня есть функция которая берет строку и проверяет является ли она CSS функцией hslaCSS понимает разное написание этой функции — с тремя и четырьмя...

 120
Как изменить атрибут src у img при наведении
javascript

Как изменить атрибут src у img при наведении

Как изменить атрибут src у img при наведении?Eсть-ли варианты реализации на чистом css?Если нет - то и js подойдёт

 120
Удаление конкретных пар элментов из массива
javascript

Удаление конкретных пар элментов из массива

 111