Question

如果选中Checkbox Onload，JavaScript是否有一种方法可以显示文本框？如果未选中加载，则隐藏该文本框？

Answer 1

使用事件监听器，非常简单。

String regex = "[+](?=[+])";

String text = "122+1+3";
assertEquals("122+1+3", text.replaceAll(regex, ""));

text = "1++2+++4+123";
assertEquals("1+2+4+123", text.replaceAll(regex, ""));

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'));
  });
});

Answer 2

尝试一下：

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

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

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

2 个答案: