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

Question

我现在试图在未选中复选框时隐藏段落我只能在选中时显示。

这是我的jquery:

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

取消选中时如何隐藏段落？

Answer 1

改为绑定(bind)到 change 事件:

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

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

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