javascript - 如果选中复选框则显示 div，反之亦然

Question

我正在尝试查找复选框的值，然后如果选中它，它应该将我的 div id 显示为可调整大小。如果不检查它应该消失。这是我尝试过的:

var showheader = document.getElementById("ckbx_header").checked;

if ( showheader == checked ) {
    $("#resizeable").toggle("slide", {}, 1000) );
  };

Answer 1

您可以将事件处理程序绑定(bind)到 change 事件:

$('#ckbx_header').change(function() {
     if(this.checked) {
         $("#resizeable").slideDown(1000);
     }
     else {
         $("#resizeable").slideUp(1000);
     }
});

在任何情况下，您都需要两个操作:选中复选框时显示 div，如果未选中则隐藏它。目前，只要选中该复选框，您就会切换可见性，这不是您想要的。