如果选中了复选框“正在加载”，则显示文本框；如果不选中，则不显示文本框

Question

如果选中复选框Onload，JavaScript中是否有一种方法可以显示文本框？然后隐藏文本框（如果未选中onload）？

Answer 1

非常简单的东西，使用eventlistener。

document.addEventListener('DOMContentLoaded', () => {

  document.querySelectorAll('input[type="checkbox"]:not(:checked)').forEach(chk => {

    document.querySelectorAll(`input[type="text"].${chk.className}`).forEach(i => i.classList.add('hide'));

  });

});

.hide {

  display: none;

}

<input type="checkbox" class="test1" checked>

<input type="text" class="test1">

<input type="checkbox" class="test2">

<input type="text" class="test2">