Check checkbox checked property using jQuery

Try this:

if ($('#isAgeSelected').is(':checked')) {
} else {

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 



$('#isAgeSelected').click(function () {

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


Subscribe to our e-mail newsletter to receive updates.