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

Question

当我取消选中复选框时,我试图隐藏一个段落我只能在选中时显示.

这是我的jquery:

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

如果取消选中该段落,我该怎么办？

Answer 1

改为绑定到更改事件:

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

或者你可以检查是否.is(':checked')自己隐藏/显示(更多防弹).

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