it-swarm-es.tech

¿Cómo verificar si una casilla está marcada en jQuery?

Necesito marcar la propiedad checked de una casilla de verificación y realizar una acción basada en la propiedad marcada usando jQuery.

Por ejemplo, si la casilla de verificación de la edad está marcada, entonces necesito mostrar un cuadro de texto para ingresar la edad; de lo contrario, oculte el cuadro de texto.

Pero el siguiente código devuelve false por defecto:

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

¿Cómo puedo consultar con éxito la propiedad checked?

4217
Prasad

Esto funcionó para mí:

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

Donde isAgeSelected es el id del control.

Además, el respuesta de @ karim79 funciona bien. No estoy seguro de lo que me perdí en el momento en que lo probé.

Nota, esta es la respuesta usa Microsoft Ajax, no jQuery

90
Prasad

¿Cómo puedo consultar con éxito la propiedad marcada?

La propiedad checked de un elemento DOM de casilla de verificación le dará el estado checked del elemento.

Dado su código existente, podría hacer esto:

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

Sin embargo, hay una manera mucho más bonita de hacer esto, 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 el nuevo método de propiedad:

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

jQuery 1.6+

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

jQuery 1.5 y debajo

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

Cualquier versión de jQuery

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

Todo el crédito va a Xian .

207
ungalcrys

Estoy usando esto y esto funciona absolutamente bien:

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

Nota: Si la casilla de verificación está marcada, devolverá verdadero si no está definido, por lo que es mejor verificar el valor "VERDADERO".

155
Pradeep

Utilizar:

<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 jQuery 1.6, el comportamiento de jQuery.attr() ha cambiado y se recomienda a los usuarios que no lo utilicen para recuperar el estado verificado de un elemento. En su lugar, debe usar jQuery.prop() :

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

Otras dos posibilidades son:

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

Si está utilizando una versión actualizada de jquery, debe utilizar el método .prop para resolver su problema:

$('#isAgeSelected').prop('checked') devolverá true si está marcado y false si no está marcado. Lo confirmé y me encontré con este problema antes. $('#isAgeSelected').attr('checked') y $('#isAgeSelected').is('checked') está regresando undefined que no es una respuesta digna para la situación. Así que haz lo que se indica a continuación.

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

Espero que ayude:) - Gracias.

84
Rajesh Omanakuttan

¡El uso del controlador de eventos Click para la propiedad de la casilla de verificación no es confiable, ya que la propiedad checked puede cambiar durante la ejecución del controlador de eventos en sí!

Idealmente, querría poner su código en un controlador de eventos change tal como se dispara cada vez que se cambia el valor de la casilla de verificación (independientemente de how se hace así).

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

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

Decidí publicar una respuesta sobre cómo hacer exactamente lo mismo sin jQuery. Solo porque soy un 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;
};

Primero obtienes ambos elementos por su ID. Luego, asigna el evento onchange de la casilla de verificación a una función que verifica si la casilla de verificación se marcó y establece la propiedad hidden del campo de texto de la edad de manera apropiada. En ese ejemplo se usa el operador ternario.

Aquí hay un violín para que lo pruebes.

Addendum

Si la compatibilidad entre navegadores es un problema, propongo establecer la propiedad CSS display en ninguno y en línea.

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

Más lento pero compatible con varios navegadores.

51
Octavian Damiean

Utilizar:

<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
  }
})

Esto puede ser útil si desea que la acción requerida se realice solo cuando marca la casilla y no en el momento en que retira el cheque.

50
UDB

Creo que podrías hacer esto:

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

Hay muchas formas de verificar si una casilla está marcada o no:

Manera de comprobar usando jQuery

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

Ver ejemplo o documento:

43
Parth Chavda

Me encontré con el mismo problema. Tengo una casilla de verificación ASP.NET

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

En el código jQuery utilicé el siguiente selector para verificar si la casilla de verificación estaba marcada o no, y parece funcionar como un encanto.

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

Estoy seguro de que también puede utilizar la ID en lugar de la clase Css,

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

Espero que esto te ayude.

41
Nertim

Este es un método diferente para hacer lo mismo:

$(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

Esto funciona para mí:

/* isAgeSelected being id for checkbox */

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

Utilizar esta:

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

La longitud es mayor que cero si la casilla está marcada.

34
Hamid N K

Puedes usar este código:

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

Mi forma de hacer esto es:

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

Esto devuelve true si la entrada está marcada y false si no lo está.

31
fe_lix_

Puedes usar:

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

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

Ambos deberían trabajar.

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

1) Si su marca HTML es:

<input type="checkbox"  />

attr utilizado:

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

Si se utiliza apoyo:

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

2) Si su marca HTML es:

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

attr utilizado:

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

Apoyo utilizado:

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

Este ejemplo es para botón.

Intente lo siguiente:

<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

La respuesta superior no lo hizo por mí. Esto hizo sin embargo:

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

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

Básicamente, cuando se hace clic en el elemento # li_13, se comprueba si el elemento # está de acuerdo (que es la casilla de verificación) se marca mediante la función .attr('checked'). Si es, entonces fadeIn el elemento #saveForm, y si no es fadeOut el elemento saveForm.

24
MDMoore313

Aunque ha propuesto una solución JavaScript para su problema (mostrando una textbox cuando una checkbox es checked), este problema podría resolverse solo con css . Con este enfoque, su formulario funciona para usuarios que han deshabilitado JavaScript.

Suponiendo que tiene el siguiente HTML:

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

Puedes usar el siguiente CSS para lograr la funcionalidad deseada:

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

Para otros escenarios, puede pensar en los selectores de CSS apropiados.

Aquí hay una Fiddle para demostrar este enfoque .

21
Ormoz

Estoy usando esto:

 <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 o bien

<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

Creo que será el sencillo.

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

Estoy seguro de que no es una revelación, pero no lo vi todo en un ejemplo:

Selector para todas las casillas marcadas (en la página):

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

o

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

Incluye jQuery del sistema de archivos local. Utilicé CDN de Google, y también hay muchos CDN para elegir.

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

El código se ejecutará tan pronto como se haga clic en una casilla dentro de la clase mycheck. Si la casilla de verificación en la que se hizo clic actualmente está marcada, deshabilitará todas las demás y habilitará la actual. Si la actual no está marcada, volverá a habilitar todas las casillas de verificación para volver a marcar.

<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 simple de probar

<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>

Pantalla de salida:

Enter image description here

16
Madan Sapkota

El atributo checked de un input type="checkbox" se asigna con la propiedad defaultChecked, no con la propiedad checked.

Por lo tanto, al hacer algo en una página cuando una casilla de verificación no está marcada, use el método prop() en su lugar. Obtiene el valor de la propiedad y cambia a medida que cambia el estado de la casilla de verificación.

Usar attr() o getAttribute (en JavaScript puro) en estos casos no es la forma correcta de hacer las cosas.

si elem es la casilla correspondiente, haga algo como esto para obtener el valor:

elem.checked

o

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

Verifiqué en Firefox 9.0.1 que lo siguiente funciona para detectar el estado de un cambio de casilla de verificación:

$("#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 es la cantidad mínima de código que creo que necesitaba para hacer algo como esto de manera efectiva. Encontré este método para ser útil; devuelve una matriz de las casillas de verificación que están marcadas y luego puede usar su valor (esta solución 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 + ", ";
};

La impresión de "salida" le dará una lista de sus valores separados por comas.

12
Daryl H

Tenía el mismo problema y ninguna de las soluciones publicadas parecía funcionar y luego descubrí que es porque ASP.NET presenta el control CheckBox como un SPAN con INPUT en el interior, por lo que el ID de CheckBox es en realidad un ID de un SPAN, no una ENTRADA, por lo que debe utilizar:

$('#isAgeSelected input')

más bien que

$('#isAgeSelected')

y entonces todos los métodos listados arriba deberían funcionar.

12
tsw_mik

Aquí hay un ejemplo que incluye inicializar mostrar/ocultar para que coincida con el estado de la casilla de verificación cuando la página carga ; teniendo en cuenta el hecho de que firefox recuerda el estado de las casillas de verificación cuando actualiza la página, pero no recuerda el estado de los 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);})
});

(con la ayuda de otras respuestas en esta pregunta)

12
Tim Abell

Esta fue mi solución:

$('#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

Simplemente úselo como a continuación

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

Utilizar:

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

Cuando esté seleccionando fuera de contexto, recuerde que necesita [0] para acceder a la casilla de verificación.

9
Richard Maxwell

Utilizando pure 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;

Adquiridor:

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

En realidad preferiría el evento change.

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

Demo Fiddle

8
Tarion

Prueba esto,

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

Estoy usando jQuery 1.11.1 y también tuve problemas para configurar y leer el valor de la casilla de verificación.

Finalmente lo resolví por estas dos funciones:

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;
}

Puede parecer un poco sucio, pero resuelve todos los problemas de conexión que tuve entre los diferentes tipos de navegadores.

7
Jacob

Un selector devuelve varios objetos y debe tomar el primer elemento de la 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

¿Qué pasa con esta solución?

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

Puedes probar este código:

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

Necesito marcar la propiedad marcada de una casilla de verificación y realizar una acción basada en la propiedad marcada utilizando jQuery.

E.X -

1) Ejecutar en carga para obtener el valor de la casilla de verificación si la casilla de verificación de la edad está marcada, entonces necesito mostrar un cuadro de texto para ingresar la edad, de lo contrario, oculte el cuadro de texto.

2) si la casilla de verificación de la edad está marcada, entonces necesito mostrar un cuadro de texto para ingresar la edad; de lo contrario, oculte el cuadro de texto con el clic en el evento de la casilla de verificación.

así que el código no devuelve falso por defecto:

Intente lo siguiente:

<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>

Aquí hay una versión modificada: https://jsfiddle.net/sedhal/0hygLtrz/7/

3
sedhal soni

En caso de que necesite saber si una casilla está marcada en javascript pura, debe 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 versiones anteriores de jQuery, tuve que usar lo siguiente,

$('#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

En caso de que necesite utilizar la clase CSS como jQuery selector, puede hacer lo siguiente:

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

Funciona bien para checkboxes y radioboxes también.

1
Developer

Esta función es alternativa y estable:

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

Ejemplo:

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, intente el siguiente código para marcar la casilla de verificación está marcada o no

$(document).ready(function(){

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

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

});

});

0
Javed Khan