为什么带有jQuery的复选框无效？

Question

.prop('checked')和.is(':checked')都无效。

if($("#isAgeSelected").is(':checked')){
   $("#txtAge").show();
}else{
   $("#txtAge").hide();
}

Html是：

<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>

JSFiddle

Answer 1

您需要收听change事件：

$("#isAgeSelected").change(function(){
  if($("#isAgeSelected").is(':checked')){
     $("#txtAge").show();
  }else{
     $("#txtAge").hide();
  }
});

Answer 2

更新了代码检查jsFiddle

HTML

 <input class="isAgeSelected" type="checkbox" name="isAgeSelected" value="1" />
<div id="txtAge">Age is something</div>

的jQuery

$("#txtAge").hide();
$(".isAgeSelected").click(function() {
    if($(this).is(":checked")) {
        $("#txtAge").show();
    } else {
        $("#txtAge").hide();
    }
});