Почему флажок с jQuery не работает?

Question

Почему флажок с jQuery не работает?

0

Не работает .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

user1906399 09 март 2014, в 20:37

Источник

1

Вы не слушаете событие change !
undefined 09 март 2014, в 19:07
1

jsfiddle.net/5udtC/5941
adeneo 09 март 2014, в 19:14

Теги:

jquery

checkbox

2 ответа

1

Обновлен код проверки 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();
    }
});

Jay Patel 09 март 2014, в 16:31

Ещё вопросы

Michał · Accepted Answer · 2014-03-09T17-20-00.000Z

Вы должны прослушать событие change:

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