ti-enxame.com

Como verificar se uma caixa de seleção está marcada no jQuery?

Preciso verificar a propriedade checked de uma caixa de seleção e executar uma ação com base na propriedade checked usando jQuery.

Por exemplo, se a caixa de seleção de idade estiver marcada, será necessário mostrar uma caixa de texto para inserir idade, caso contrário, oculte a caixa de texto.

Mas o código a seguir retorna false por padrão:

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

Como faço para consultar com êxito a propriedade checked?

4217
Prasad

Isso funcionou para mim:

$get("isAgeSelected ").checked == true

Onde isAgeSelected é o id do controle.

Além disso, o @ karim79 answer funciona bem. Não tenho certeza do que senti falta no momento em que testei.

Note, esta é a resposta usa o Microsoft Ajax, não jQuery

90
Prasad

Como faço para consultar com êxito a propriedade marcada?

A propriedade checked de um elemento DOM da caixa de seleção fornecerá o estado checked do elemento.

Dado o seu código existente, você poderia fazer isso:

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

No entanto, há uma maneira muito mais bonita de fazer isso, usando toggle :

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
<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 something</div>
3258
karim79

Use jQuery's is () function:

if($("#isAgeSelected").is(':checked'))
    $("#txtAge").show();  // checked
else
    $("#txtAge").hide();  // unchecked
1688
Bhanu Krishnan

Usando jQuery> 1.6

<input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />

// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true

Usando o novo método de propriedade:

if($('#checkMeOut').prop('checked')) {
    // something when checked
} else {
    // something else when not
}
512
SeanDowney

jQuery 1.6+

$('#isAgeSelected').prop('checked')

jQuery 1.5 e abaixo

$('#isAgeSelected').attr('checked')

Qualquer versão do jQuery

// Assuming an event handler on a checkbox
if (this.checked)

Todo o crédito vai para Xian .

207
ungalcrys

Eu estou usando isso e isso está funcionando absolutamente bem:

$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");

Nota: Se a caixa de seleção estiver marcada, ela retornará true, caso contrário, indefinida, então é melhor verificar o valor "VERDADEIRO".

155
Pradeep

Usar:

<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

$("#planned_checked").change(function() {
    if($(this).prop('checked')) {
        alert("Checked Box Selected");
    } else {
        alert("Checked Box deselect");
    }
});
    $("#planned_checked").change(function() {
        if($(this).prop('checked')) {
            alert("Checked Box Selected");
        } else {
            alert("Checked Box deselect");
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned
133
Lalji Dhameliya

Desde o jQuery 1.6, o comportamento de jQuery.attr() foi alterado e os usuários são encorajados a não usá-lo para recuperar o estado verificado de um elemento. Em vez disso, você deve usar jQuery.prop() :

$("#txtAge").toggle(
    $("#isAgeSelected").prop("checked") // For checked attribute it returns true/false;
                                        // Return value changes with checkbox state
);

Duas outras possibilidades são:

$("#txtAge").get(0).checked
$("#txtAge").is(":checked")
113
Salman A

Se você estiver usando uma versão atualizada do jquery, deverá usar o método .prop para resolver o problema:

$('#isAgeSelected').prop('checked') retornará true se marcado e false se desmarcado. Eu confirmei e me deparei com esse problema anteriormente. $('#isAgeSelected').attr('checked') e $('#isAgeSelected').is('checked') estão retornando undefined, o que não é uma resposta válida para a situação. Então faça como indicado abaixo.

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

Espero que ajude :) Obrigado.

84
Rajesh Omanakuttan

Usar o manipulador de eventos Click para a propriedade checkbox não é confiável, pois a propriedade checked pode mudar durante a execução do próprio manipulador de eventos!

Idealmente, você gostaria de colocar seu código em um manipulador de eventos change, tal como ele é acionado toda vez que o valor da caixa de seleção é alterado (independente de como é feito).

$('#isAgeSelected').bind('change', function () {

   if ($(this).is(':checked'))
     $("#txtAge").show();
   else
     $("#txtAge").hide();
});
58
arviman

Eu decidi postar uma resposta sobre como fazer exatamente a mesma coisa sem o jQuery. Só porque sou um rebelde.

var ageCheckbox = document.getElementById('isAgeSelected');
var ageInput = document.getElementById('txtAge');

// Just because of IE <333
ageCheckbox.onchange = function() {
    // Check if the checkbox is checked, and show/hide the text field.
    ageInput.hidden = this.checked ? false : true;
};

Primeiro você pega os dois elementos pelo ID deles. Em seguida, você atribui ao evento onchange da caixa de verificação uma função que verifica se a caixa de seleção foi marcada e define apropriadamente a propriedade hidden do campo de texto de idade. Nesse exemplo, usando o operador ternário.

Aqui está um violino para você testá-lo.

Termo aditivo

Se a compatibilidade entre navegadores for um problema, proponho que a propriedade CSS display seja definida como none e inline.

elem.style.display = this.checked ? 'inline' : 'none';

Mais lento, mas compatível com navegadores.

51
Octavian Damiean

Usar:

<input type="checkbox" id="abc" value="UDB">UDB
<input type="checkbox" id="abc" value="Prasad">Prasad
$('input#abc').click(function(){
  if($(this).is(':checked'))
  {
    var checkedOne=$(this).val()
    alert(checkedOne);

    // Do some other action
  }
})

Isso pode ajudar se você quiser que a ação necessária tenha que ser feita somente quando você marcar a caixa não no momento em que remover a verificação.

50
UDB

Eu acredito que você poderia fazer isso:

if ($('#isAgeSelected :checked').size() > 0)
{
    $("#txtAge").show(); 
} else { 
    $("#txtAge").hide();
}
45
xenon

Existem várias maneiras de verificar se uma caixa de seleção está marcada ou não:

Maneira de verificar usando jQuery

if (elem.checked)
if ($(elem).prop("checked"))
if ($(elem).is(":checked"))
if ($(elem).attr('checked'))

Veja exemplo ou também documento:

43
Parth Chavda

Eu corri para o mesmo problema. Eu tenho uma caixa de seleção do asp.net

<asp:CheckBox ID="chkBox1" CssClass='cssChkBox1' runat="server" />

No código jQuery, usei o seletor a seguir para verificar se a caixa de seleção estava marcada ou não, e parece funcionar como um encanto.

if ($("'.cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

Tenho certeza que você também pode usar o ID em vez do CssClass,

if ($("'#cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

Espero que isso ajude você.

41
Nertim

Este é um método diferente para fazer a mesma coisa:

$(document).ready(function (){

    $('#isAgeSelected').click(function() {
        // $("#txtAge").toggle(this.checked);

        // Using a pure CSS selector
        if ($(this.checked)) {
            alert('on check 1');
        };

        // Using jQuery's is() method
        if ($(this).is(':checked')) {
            alert('on checked 2');
        };

        //  // Using jQuery's filter() method
        if ($(this).filter(':checked')) {
            alert('on checked 3');
        };
    });
});
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>
40
Sangeet Shah

Isso funciona para mim:

/* isAgeSelected being id for checkbox */

$("#isAgeSelected").click(function(){
  $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();
});
39
ashish amatya

Usa isto:

if ($('input[name="salary_in.Basic"]:checked').length > 0)

O comprimento é maior que zero se a caixa de seleção estiver marcada.

34
Hamid N K

Você pode usar este código:

$('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});
33
sandeep kumar

Minha maneira de fazer isso é:

if ( $("#checkbox:checked").length ) {       
    alert("checkbox is checked");
} else {
    alert("checkbox is not checked");
}
32
Dalius I
$(selector).attr('checked') !== undefined

Isso retorna true se a entrada estiver marcada e false, se não estiver.

31
fe_lix_

Você pode usar:

  if(document.getElementById('isAgeSelected').checked)
    $("#txtAge").show();  
  else
    $("#txtAge").hide();

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

Ambos devem funcionar.

30
Muhammad Awais
$(document).ready(function() {    
    $('#agecheckbox').click(function() {
        if($(this).is(":checked"))
        {
            $('#agetextbox').show();
        } else {
            $('#agetextbox').hide();
        }
    });
});
30
Jumper Pot

1) Se a sua marcação HTML é:

<input type="checkbox"  />

attr usado:

$(element).attr("checked"); // Will give you undefined as initial value of checkbox is not set

Se prop é usado:

$(element).prop("checked"); // Will give you false whether or not initial value is set

2) Se a sua marcação HTML é:

 <input type="checkbox"  checked="checked" />// May be like this also  checked="true"

attr usado:

$(element).attr("checked") // Will return checked whether it is checked="true"

Prop usado:

$(element).prop("checked") // Will return true whether checked="checked"
25
Somnath Kharat

Este exemplo é para o botão.

Tente o seguinte:

<input type="button" class="check" id="checkall" value="Check All" />  &nbsp; <input type="button" id="remove" value="Delete" /> <br/>

<input type="checkbox" class="cb-element"  value="1" /> Checkbox  1 <br/>
<input type="checkbox" class="cb-element"  value="2" /> Checkbox  2 <br/>
<input type="checkbox" class="cb-element"  value="3" /> Checkbox  3 <br/>


$('#remove').attr('disabled', 'disabled'); 

$(document).ready(function() {  

    $('.cb-element').click(function() {

        if($(this).prop('checked'))
        {
            $('#remove').attr('disabled', false);
        }
        else
        {
            $('#remove').attr('disabled', true);
        }
    });   

    $('.check:button').click(function()
{
    var checked = !$(this).data('checked');
    $('input:checkbox').prop('checked', checked);
    $(this).data('checked', checked);

    if(checked == true)
    {
        $(this).val('Uncheck All');
         $('#remove').attr('disabled', false);
    }

    else if(checked == false)
    {
        $(this).val('Check All');
        $('#remove').attr('disabled', true);
    }
});
});
24
usayee

A resposta principal não fez isso por mim. Isso fez embora:

<script type="text/javascript">
    $(document).ready(function(){

        $("#li_13").click(function(){
            if($("#agree").attr('checked')){
                $("#saveForm").fadeIn();
            }
            else
            {
                $("#saveForm").fadeOut();
            }
        });
    });
</script>

Basicamente, quando o elemento # li_13 é clicado, ele verifica se o elemento # concorda (que é a caixa de seleção) é verificado usando a função .attr('checked'). Se for, então, fadeIn o elemento #saveForm e, se não, fadeOut, o elemento saveForm.

24
MDMoore313

Embora você tenha proposto uma solução JavaScript para seu problema (exibindo um textbox quando um checkbox é checked), esse problema poderia ser resolvido apenas por css . Com essa abordagem, seu formulário funciona para usuários que desativaram o JavaScript.

Supondo que você tenha o seguinte HTML:

<label for="show_textbox">Show Textbox</label>
<input id="show_textbox" type="checkbox" />
<input type="text" />

Você pode usar o seguinte CSS para obter a funcionalidade desejada:

 #show_textbox:not(:checked) + input[type=text] {display:none;}

Para outros cenários, você pode pensar em seletores CSS apropriados.

Aqui está um Fiddle para demonstrar esta abordagem .

21
Ormoz

Eu estou usando isso:

 <input type="checkbox" id="isAgeSelected" value="1" /> <br/>
 <input type="textbox" id="txtAge" />

 $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();
21
Nishant Kumar

Alternar: 0/1 ou então

<input type="checkbox" id="nolunch" />
<input id="checklunch />"

    $('#nolunch').change(function () {
    if ($(this).is(':checked')) {
        $('#checklunch').val('1');
    };
    if ($(this).is(':checked') == false) {
        $('#checklunch').val('0');
    };
});
21
user2385302

Acho que vai ser o simples

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

Tenho certeza que não é uma revelação, mas eu não vi tudo em um exemplo:

Seletor para todas as caixas de seleção marcadas (na página):

$('input[type=checkbox]:checked')
17
Tsonev
if($("#checkkBoxId").is(':checked')){
  alert("Checked=true");
}

ou

if($("#checkkBoxId").attr('checked') == true){
  alert("checked=true");
}
17
ijarlax

Inclua jQuery no sistema de arquivos local. Eu usei o CDN do Google, e há também muitos CDNs para escolher.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

O código será executado assim que uma caixa de seleção dentro da classe mycheck for clicada. Se a caixa de seleção atual estiver marcada, ela desabilitará todas as outras e ativará a atual. Se o atual estiver desmarcado, ele ativará novamente todas as caixas de seleção para verificação.

<script type="text/javascript">
    $(document).ready(function() {

        var checkbox_selector = '.mycheck input[type=checkbox]';

        $(checkbox_selector).click(function() {
            if ($($(this)).is(':checked')) {

                // Disable all checkboxes
                $(checkbox_selector).attr('disabled', 'disabled');

                // Enable current one
                $($(this)).removeAttr('disabled');
            }
            else {
                // If unchecked open all checkbox
                $(checkbox_selector).removeAttr('disabled');
            }
        });
    });
</script>

Forma simples para testar

<form method="post" action="">
    <div class="mycheck">
        <input type="checkbox" value="1" /> Television
        <input type="checkbox" value="2" /> Computer
        <input type="checkbox" value="3" /> Laptop
        <input type="checkbox" value="4" /> Camera
        <input type="checkbox" value="5" /> Music Systems
    </div>
</form>

Tela de saída:

Enter image description here

16
Madan Sapkota

O atributo checked de um input type="checkbox" é mapeado com a propriedade defaultChecked, not com a propriedade checked.

Portanto, ao fazer algo em uma página quando uma caixa de seleção estiver marcada como uncheked, use o método prop(). Ele busca o valor da propriedade e muda conforme o estado da caixa de seleção é alterado.

Usar attr() ou getAttribute (em JavaScript puro) nesses casos não é a maneira correta de fazer as coisas.

se elem for a caixa de seleção em questão, faça algo assim para buscar o valor:

elem.checked

ou

$(elem).prop('checked')
15
subham.saha1004

Verifiquei no Firefox 9.0.1 que o seguinte funciona para detectar o estado de uma alteração na postagem da caixa de seleção:

$("#mycheckbox").change(function() {
    var value = $(this).prop("checked") ? 'true' : 'false';                     
    alert(value);
});
15
Joshua Harris

Automatizado

$(document).ready(function()
{
    $('#isAgeSelected').change(function()
    {
        alert( 'value =' + $('#chkSelect').attr('checked') );
    });
});

HTML

<b> <input type="isAgeSelected" id="chkSelect" /> Age Check </b>

<br/><br/>

<input type="button" id="btnCheck" value="check" />

jQuery

$(document).ready(function()
{
    $('#btnCheck').click(function()
    {
        var isChecked = $('#isAgeSelected').attr('checked');

        if (isChecked == 'checked')
            alert('check-box is checked');
        else
            alert('check-box is not checked');
    })
});

Ajax

function check()
{
    if (isAgeSelected())
        alert('check-box is checked');
    else
        alert('check-box is not checked');
}

function isAgeSelected()
{
    return ($get("isAgeSelected").checked == true);
}
13
Khaled.K

Esta é a quantidade mínima de código que eu acho que precisava fazer algo assim de forma eficaz. Eu encontrei este método para ser útil; Ele retorna uma matriz das caixas de seleção que são verificadas e, em seguida, você pode usar seu valor (esta solução usa jQuery):

// This is how you get them
var output = "";
var checkedBoxes = $("DivCheckBoxesAreIn").children("input:checked");
if(checkedBoxes.length <= 0) {
    alert('Please select check boxes');
    return false;
};

// And this is how you use them:
checkedBoxes.each(function() {
    output +=  this.value + ", ";
};

Imprimir "output" lhe dará uma lista separada por vírgula de seus valores.

12
Daryl H

Eu estava tendo o mesmo problema e nenhuma das soluções postadas parecia funcionar e, em seguida, descobri que é porque ASP.NET processa o controle CheckBox como um SPAN com INPUT dentro, portanto, o CheckBox ID é realmente um ID de um SPAN, não um INPUT, então você deve usar:

$('#isAgeSelected input')

ao invés de

$('#isAgeSelected')

e, em seguida, todos os métodos listados acima devem funcionar.

12
tsw_mik

Aqui está um exemplo que inclui initialising o show/hide para coincidir com o estado da caixa de seleção quando a página carrega ; tendo em conta o fato de que firefox lembra o estado das caixas de seleção quando você atualiza a página, mas não lembre-se do estado dos elementos mostrados/ocultos.

$(function() {
    // initialise visibility when page is loaded
    $('tr.invoiceItemRow').toggle($('#showInvoiceItems').attr('checked'));
    // attach click handler to checkbox
    $('#showInvoiceItems').click(function(){ $('tr.invoiceItemRow').toggle(this.checked);})
});

(com ajuda de outras respostas sobre esta questão)

12
Tim Abell

Esta foi a minha solução alternativa:

$('#vcGoButton').click(function () {
    var buttonStatus = $('#vcChangeLocation').prop('checked');
    console.log("Status is " + buttonStatus);
    if (buttonStatus) {
        var address = $('#vcNewLocation').val();
        var cabNumber = $('#vcVehicleNumber').val();
        $.get('postCabLocation.php',
              {address: address, cabNumber: cabNumber},
              function(data) {
                  console.log("Changed vehicle " + cabNumber + " location to " + address );
              });
    }
    else {
        console.log("VC go button clicked, but no location action");
    }
});
10
cauleyfj

Simplesmente usá-lo como abaixo

 $('#isAgeSelected').change(function() {
     if ($(this).is(":checked")) { // or if($("#isAgeSelected").attr('checked') == true){
         $('#txtAge').show();
     } else {
         $('#txtAge').hide();
     }
 });
10
Himanshu Upadhyay

Usar:

$(this).toggle($("input:checkbox", $(this))[0].checked);

Quando estiver selecionando fora de contexto, lembre-se de que você precisa do [0] para acessar a caixa de seleção.

9
Richard Maxwell

Usando puro JavaScript :

let checkbox = document.getElementById('checkboxID');

if(checkbox.checked) {
  alert('is checked');
} else {
  alert('not checked yet');
}
9
Carlos Abraham

Setter:

$("#chkmyElement")[0].checked = true;

Getter:

if($("#chkmyElement")[0].checked) {
   alert("enabled");
} else {
   alert("disabled");
}
9
JJ_Coder4Hire

Eu realmente preferiria o evento change.

$('#isAgeSelected').change(function() {
    $("#txtAge").toggle(this.checked);
});

Demo Fiddle

8
Tarion

Tente isso

$('#isAgeSelected').click(function() {
    if(this.checked){
        $("#txtAge").show();
    } else{
        $("#txtAge").hide();
    } 
});
8
Mohammed Safeer

Estou usando o jQuery 1.11.1 e tive problemas com a configuração e leitura do valor da caixa de seleção também.

Eu finalmente resolvi isso por essas duas funções:

function setCheckboxValue(checkBoxId, checked) {
    if (checkBoxId && (checked === true || checked === false)) {
        var elem = $('#' + checkBoxId);
        if (checked === true) {
            elem.attr('checked', 'checked');
        } else {
            elem.removeAttr('checked');
        }
    }
}

function isChecked(checkBoxId) {
    return $('#' + checkBoxId).attr('checked') != null;
}

Pode parecer um pouco sujo, mas resolve todos os problemas com fio que eu tive entre diferentes tipos de navegadores.

7
Jacob

Um seletor retorna vários objetos e deve pegar o primeiro item da matriz:

// Collection
var chckremember = $("#chckremember");


// Result boolen
var ischecked=chckremember[0].checked;
7
zamoldar
if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}
6
user1996628

E essa solução?

$("#txtAge")[
    $("#isAgeSelected").is(':checked') ?
    'show' :
    'hide'
]();
4
Iter Ator

Você pode tentar este código:

$('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});
4
Praneeth Madush

Eu preciso verificar a propriedade marcada de uma caixa de seleção e executar uma ação com base na propriedade verificada usando jQuery.

E.X -

1) Run On load para obter o valor da caixa de seleção se a caixa de seleção age estiver marcada, então eu preciso mostrar uma caixa de texto para inserir a idade, ou ocultar a caixa de texto.

2) se a caixa de seleção de idade estiver marcada, então eu preciso mostrar uma caixa de texto para inserir idade, senão ocultar a caixa de texto usando o evento click da caixa de seleção.

so code não retorna false por padrão:

Tente o seguinte:

<html>
        <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        </head>
        <body>
            <h1>Jquery Demo</h1>
            <input type="checkbox" name="isAge" checked id="isAge"> isAge <br/>
            <div id="Age" style="display:none">
              <label>Enter your age</label>
              <input type="number" name="age">
            </div>
            <script type="text/javascript">
            if(document.getElementById('isAge').checked) {
                $('#Age').show();
            } else {
                $('#Age').hide();
            }   
            $('#isAge').click(function() {
                if(document.getElementById('isAge').checked) {
                    $('#Age').show();
                } else {
                    $('#Age').hide();
                }
            }); 
            </script>
        </body>
    </html>

Aqui está uma versão modificada: https://jsfiddle.net/sedhal/0hygLtrz/7/

3
sedhal soni

Caso você precise saber se uma caixa de seleção está marcada na javascript pura você deve usar este código.

let checkbox =document.getElementById('myCheckboxId');
if(checkbox.checked) {
    alert("element is checked");
} else {
    alert("element is  ot checked");
}
2
Ir Calif

Para versões mais antigas do jQuery, eu tive que usar o seguinte,

$('#change_plan').live('click', function() {
     var checked = $('#change_plan').attr('checked');
     if(checked) {
          //Code       
     }
     else {
          //Code       
     }
});
2
Vajira Lasantha
if( undefined == $('#isAgeSelected').attr('checked') ) {
    $("#txtAge").hide();
} else {
    $("#txtAge").show();
}
2
darhamid
$('#chk').change(function() { 
    (this.checked)? alert('true') : alert('false');
});



($('#chk')[0].checked)? alert('true') : alert('false');
1
argie cruz

Caso você precise usar a classe CSS como seletor jQuery, você pode fazer o seguinte:

$(document).ready(function () {
        $('.myOptionCheckbox').change(function () {            
            if ($(this).prop('checked') == true) {
                console.log("checked");           
            }
            else {
                console.log("unchecked");                
            }
        });
    });

Ele funciona bem para checkboxes e radioboxes também.

1
Developer

Esta função é alternativa e estável:

$('#isAgeSelected').context.checked
(return True/False)

Exemplo:

if($('#isAgeSelected').context.checked){ //if Checkbox is checked then bla bla..
    /*.....*/
}else{
    /*.....*/
}
1
Ferhat KOÇER
if($('#isAgeSelected').prop('checked')) {
    // do your action 
}
0
Vikash

Por favor, tente abaixo código para verificar a caixa de seleção está marcada ou não

$(document).ready(function(){

$("#isAgeSelected").on('change',function(){

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

});

});

0
Javed Khan