Jquery 如何使用复选框切换另一个元素？

如何检查id为

UseUsername

的复选框是否已选中，然后使用该信息切换id为

div

的另一个元素

$('#UseUsername').change(function(){
  if($(this).is(':checked')){
    $('#div').show();
  } else {
    $('#div').hide();
  }
});

此外，您可以在页面加载时触发此事件，因此如果未选中复选框，div将消失

// Show the div only if the checkbox is checked
function toggleDiv(){
  if($(this).is(':checked')){
    $('#div').show();
  } else {
    $('#div').hide();
  }
}

$(document).onload(function(){

  // Set change event to hide/show the div
  $('#UseUsername')
    .change(toggleDiv)
    .trigger('change');
});

---

一个非常简单的方法如下：

$('#UseUsername').change(function(){
    $('#div').toggle(this.checked);  // show if it is checked, otherwise hide
});

---

试试看：

我使用display:none，这样div就不会出现+1，因为它能够理解原始问题XDon unchecked->else部分不工作$（'#sampathcrdr'）.change（function（）{if（$（this）.is（':checked'）{alert（“ok”）}else{alert（“Gonee”）}）；这个解决方案比我的好得多：]我认为哈门的解决方案更好。使用切换会导致复选框状态和所需功能不同步。最好在每次更改后测试状态。使用（bool）toggle重载不应导致页面不同步，因为如果必须显示或记录页面，请传入