Как проверить, установлен ли флажок в jQuery?

Мне нужно проверить checked свойство флажка и выполнить действие, основанное на проверенном свойстве, с помощью jQuery.

Например, если флажок возраста установлен, то мне нужно показать текстовое поле для ввода возраста, иначе скрыть текстовое поле.

Но следующий код возвращает false по умолчанию:

if ($('#isAgeSelected').attr('checked'))
{
    $("#txtAge").show();
}
else
{
    $("#txtAge").hide();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" id="isAgeSelected"/>

<div id="txtAge" style="display:none">
Age is selected
</div>

Как успешно запросить checked свойство?

+4345
источник поделиться
65 ответов
  • 1
  • 2
  • 3
if($('#isAgeSelected').prop('checked')) {
    // do your action 
}
0
источник

  Вы можете попробовать изменить событие флажка

$("#isAgeSelected").on('change',function(){
    if($("#isAgeSelected").is(':checked'))
        alert("checked");  
    else{
         alert("unchecked");  
    }
});
0
источник
другие ответы

Связанные вопросы


Похожие вопросы

Чтобы установить флажок, который отмечен или снят, нажмите

.<input type="checkbox" id="customCheck1">

 $('#customCheck1').click(function () {
        if (this.checked == true) {
            console.log('checked');
        }
        else {
            console.log('un-checked');
        }
    });
0
источник

$("#isAgeSelected").prop('checked', true);

-1
источник

Для снятия отметки целей это может помочь:

$('#chkbox').removeAttr('checked');
-12
источник
  • 1
  • 2
  • 3

Посмотрите другие вопросы по меткам или Задайте вопрос