这个jQuery有什么问题，根据复选框值显示/隐藏文本？

Question

我很困惑为什么这不符合我的预期 - 看起来很明显。提前谢谢。

if ($(':checkbox').is(":checked")) {
    $('p').show();
} else {
    $('p').hide();
}

http://jsfiddle.net/Guz4D/

Answer 1

试试这个

$(function(){
   $("#red").click(function(){
     if ($(this).is(':checked')) {
      $('#pp').show();
     } else {
     $('#pp').hide();
     }
  });
});

Demo

Answer 2

您只需将代码包装在事件侦听器

中

$(document).ready(function() {   

 $('#checkboxID').click(function() {
            if ($(this).is(':checked')) {
                $('p').show();
            }
            else{
                $('p').hide();
            }
        });
 });