IF复选框已选中ONLOAD，显示文本框，如果不是，则不显示文本框[关闭]

Question

如果复选框已选中Onload，我是否可以在javascript中显示文本框？如果未检查onload，则隐藏文本框？

Answer 1

尝试一下：

var checkbox = document.getElementById('check');

if (checkbox.checked == true) {
  //do nothing
} else {
  checkbox.style.display = 'none';
}

<input type="checkbox" id="check" checked>

Answer 2

非常简单的东西，使用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">