选中复选框时无法隐藏段落

Cannot hide a paragraph when a checkbox is unchecked

本文关键字：隐藏 段落 复选框      更新时间：2023-09-26

当复选框未选中时，我正试图隐藏一段，现在我只能在选中时显示。

这是我的jquery：

$('.pharmacy').click(function(){
$('.pcsoc').show();
});

当未选中该段落时，我可以做些什么来隐藏它？

改为绑定到更改事件：

$('.pharmacy').change(function(e){
  $('.pcsoc').toggle();
});

或者，您可以检查.is(':checked')，并制作自己的隐藏/显示（更防弹）。

$('.pharmacy').change(function(e){
  if ($(this).is(':checked'))
    $('.pcsoc').show();
  else
    $('.pcsoc').hide();
});

尝试：

$('.pharmacy').click(function(){
  $('.pcsoc').toggle();
});

您需要测试是否选中：

$('.pharmacy').click(function(){
  if ($(this).is(':checked')) {
    $('.pcsoc').show();
  }
  else $('.pcsoc').hide();
});

EDIT按照Brad Christie的建议，绑定到change()方法可能更好。

您可以检查复选框是否选中并做出适当响应：

$('.pharmacy').click(function() {
    if(this.checked)
        $('.pcsoc').show();
    else
        $('.pcsoc').hide();
});
相关文章：