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

Question

我试图隐藏一个段落，当复选框未选中时，现在我只能在显示它时进行检查。

这里是我的jQuery：

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

我能做些什么隐藏的段落时，不被选中？

Answer 1

绑定到变化事件，而不是：

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

或者你可以检查是否​​，使自己隐藏/显示（更多防弹）。

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

Answer 2

尝试：

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

Answer 3

你需要如果选中或取消选中测试：

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

编辑它可能会更好布拉德·克里斯蒂的建议绑定到change()方法。

Answer 4

您可以检查复选框被选中，并做出适当的反应：

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