Another way to do this is $(element).prop(‘checked’) [ http://api.jquery.com/prop/ ]. This would always return a true or false value similar to what Wouter has suggested in is() method. $(‘#checkBox’).attr(‘checked’) however, will only return true when the box is checked and will return ‘undefined’ when unchecked.
$(‘#checkBox’)[0].attr(‘checked’);
better add [0] to this code. I do this coz id is unique and there should be only one element with this id per page.
Also useful if you want to checked/unchecked checkbox or radio button via jquery
$(‘#checkBox’)[0].attr(‘checked’,true);
$(‘#checkBox’)[0].attr(‘checked’,false);
Careful here, adding [0] to the end of that jQuery object will make it stop being a jQuery object and just a regular pointer thing. attr() will no long work on it.
On a separate but related note, has anyone noticed or explain why CSS and JQuery handle :checked differently? Where CSS looks at the latest state of a set of radios, jQuery only seems to see what is in the dom on page load. I created a jsfiddle to illustrate… http://jsfiddle.net/cssguru/8rDXd/
This is great… I was looking for a way to do this but then I still need to figure out who to finish from there. Find all the boxes checked, sum the value of each one checked and then carry on to the next stage of the filtering process…. So many things.
$(“input[type=’checkbox’]:checked”).each(function(){
// your code
});
What if a radio button is selected?
@gabBerg: $(“input:radio:checked”)
@Voigtan Thx!
The website is horrible in IE6. At least the design for the page should be made differently to work in IE6
Why are you still using IE6?
Agree with mahen23.
Also, I think css-tricks’ viewers are mostly web developers – In this case, (I hope) they don’t use IE6 as their default browser..
Old School browser troll is Old School.
Bit late reaction, but hey maybe someone will find it usefull. You can also use
$('#checkBox').is(':checked')
I prefer this one for selecting/checking particular checkbox or radio button.
var val=$(“input:checked”).length
if(val>0){//At least one checked
…
}
if(val<0){//Nothing checked
…
}
Appreciate but you should upgrade the IE version.
Another way to do this is $(element).prop(‘checked’) [ http://api.jquery.com/prop/ ]. This would always return a true or false value similar to what Wouter has suggested in is() method. $(‘#checkBox’).attr(‘checked’) however, will only return true when the box is checked and will return ‘undefined’ when unchecked.
Also, I opine css-tricks’ audience are mostly web developers – In this containerful, (I comedian) they don’t use IE6 as their nonpayment browser.
$(‘#checkBox’)[0].attr(‘checked’);
better add [0] to this code. I do this coz id is unique and there should be only one element with this id per page.
Also useful if you want to checked/unchecked checkbox or radio button via jquery
$(‘#checkBox’)[0].attr(‘checked’,true);
$(‘#checkBox’)[0].attr(‘checked’,false);
cheers!
Careful here, adding [0] to the end of that jQuery object will make it stop being a jQuery object and just a regular pointer thing. attr() will no long work on it.
very true, my mistake.
btw after small research i found that it will be better to use .prop() function about this case.
Is there a reason you can’t use: $(‘#checkBox:checked’);
On a separate but related note, has anyone noticed or explain why CSS and JQuery handle :checked differently? Where CSS looks at the latest state of a set of radios, jQuery only seems to see what is in the dom on page load. I created a jsfiddle to illustrate… http://jsfiddle.net/cssguru/8rDXd/
This really nice article . have a look of this also
http://dotnetpools.com/Article/ArticleDetiail/?articleId=199&title=Code-to-check-if-checkbox-is-checked-using-jQuery-|-Validate-checkbox-is-checked-or-un-checked
Very good explanation
This is great… I was looking for a way to do this but then I still need to figure out who to finish from there. Find all the boxes checked, sum the value of each one checked and then carry on to the next stage of the filtering process…. So many things.