Saltar al contenido

Check checkbox checked property using jQuery

Try this:

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

You can shorten this using ternary, some might say it’s a bit less readable, but that’s how I would do it:

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

EDIT (14 months later): There’s a much prettier way to do this, using toggle:

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

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

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/