如果选中复选框,则显示div,否则显示不同的div

Question

我有一个复选框.如果我选中复选框,那么我需要显示一个特定的div,如果它未被选中,则显示另一个div.有人可以帮我这个.

我已经研究过,我只找到了一些例子,如果选中复选框然后显示div或者隐藏div.但我的问题有点不同.如果使用复选框无法实现这一点,并且可以使用其他字段,请告知我们.提前致谢.

Answer 1

document.getElementById('id_of_my_checkbox').onclick = function () {
  document.getElementById('id_of_div_to_show_when_checked').style.display = (this.checked) ? 'block' : 'none';
  document.getElementById('id_of_div_to_hide_when_checked').style.display = (this.checked) ? 'none' : 'block';
};