複選框未選中時無法隱藏段落

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(); 
});