チェックボックスをオフにしても段落を非表示にすることはできません

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

EDITブラッド・クリスティによって示唆されているようにそれはchange()メソッドにバインドするために、おそらく良いでしょう。

Answer 4

あなたは、チェックボックスがチェックされているかどうかを確認し、適切に対応することができます）（ `トグルを使用して`、おそらく表示/非表示の状態と同期の出入りがチェック/未チェック状態になることができると注意を

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