Saturday, September 1, 2012

Check checkbox checked property using jQuery

Check checkbox checked property using jQuery,  check the checkbox checked with JQuery


Solution :

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();


here'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>​


Cheers !
Hope you got the Ans !
still having probs ? let me know by comments !

Know More About :
PHP Freelancing India


1 comment:

  1. Thank you for allowing me to read it, welcome to the next in a recent article. And thanks for sharing the nice article, keep posting or updating news article.I think you have a long story to share and i am glad after long time finally you cam and shared your experience.

    Scala online training

    ReplyDelete

Any Questions or Suggestions ?

About

Professional & Experienced Freelance Developer From India, Technologist, Software Engineer, internet marketer and Open Sources Developer with experience in Finance, Telecoms and the Media. Contact Me for freelancing projects.

Enter your email address:

Delivered by FeedBurner