For the above checkbox
document.getElementById("checkbox1").checked // -> returns true
But
var byAppr = document.getElementById('checkbox1').value;
$(byAppr).attr('checked') // -> returns undefined
I am testing this in firefox 3.6
-
which version of jquery are you using?scrappedcola– scrappedcola2011-06-29 22:48:55 +00:00Commented Jun 29, 2011 at 22:48
-
var byAppr = document.getElementById('checkboxName').value; $(byAppr).attr('checked') // -> returns undefinedKaddy– Kaddy2011-06-29 23:31:57 +00:00Commented Jun 29, 2011 at 23:31
Add a comment
|
2 Answers
Use one of the following:
$('#checkbox1').prop('checked')- in jQuery 1.6+, usually the way to go$('#checkbox1').is(':checked')- all jQuery versions, but slower$('#checkbox1').attr('checked')- NOT in jQuery 1.6 - but in 1.6.1 and <=1.5, don't use it
Also, in cases where you already have the DOM element available directly (e.g. this in an event handler bound to the field), use this.checked instead of $(this) with one of the methods above!
Comments
You're selecting based on value. I think you want:
var byAppr = document.getElementById('checkbox1');
$(byAppr).attr('checked')
2 Comments
Kaddy
Actuall this is exactly what i am doing ...that is resulting in undefined return value var byAppr = document.getElementById('checkboxName').value; byAppr = '#'+ byAppr; $(byAppr).attr('checked');
glortho
You're still including
.value at the end of the first expression. If you exclude that it should work as expected.