Check a checkbox by default using jQuery?

Question

I have the fallowing HTML:

<input type="checkbox" id="checkbox-remember" data-theme="SingleLineCheckBox" checked/>

but the checkbox still is not defaultly checked. I also tried using:

$("#checkbox-remember").prop('checked', true);

But i cant get it to work?

jsfiddle.net/aNrpL your checkbox is checked by default, your HTML is fine. Did you uncheck it at some stage and press refresh? Certain browsers remember your form settings even if you refresh. Close the tab, clear cache, and try again. — Ming
– Ming, Commented Dec 17, 2013 at 7:47
Thanks. I did all that. but it is still not checked when i first open the page. maybe it's something to do with jQuery? — yogev
– yogev, Commented Dec 17, 2013 at 7:49
What browser are you using? Perhaps the checked attribute is causing issues in earlier versions of IE? — Dom
– Dom, Commented Dec 17, 2013 at 7:50
both are working here : jsfiddle.net/techunter/x9dc7 which browser are you using? third one using checked="checked" — TecHunter
– TecHunter, Commented Dec 17, 2013 at 7:52
I am using chrome, and the file is a JSP file. when i view the source of the page, it seems like the "checked" attribute has vanished from the html... — yogev
– yogev, Commented Dec 17, 2013 at 8:00

Roko C. Buljan · Accepted Answer · 2013-12-17 08:02:34Z

3

Make always sure that your DOM is ready!

$(function(){  // DOM ready shorthand

    $("#checkbox-remember").prop('checked', true);

    // other code here

});

otherwise if you're able to change your HTML you can add the checked property to your checkbox. i.e: <input type="checkbox" checked="checked" />

_{It's also a good habit to put all you <script> tags right before the </body> tag making sure that the parser first read all your document tree before loading scripts.}

edited Dec 17, 2013 at 8:02

answered Dec 17, 2013 at 7:51

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dom Over a year ago

Good find, I always just assume people wrap their jQuery in doc ready.

Code Lღver · Accepted Answer · 2013-12-17 07:48:47Z

2

Try this one:

<input type="checkbox" id="checkbox-remember" data-theme="SingleLineCheckBox" checked="checked"/>

answered Dec 17, 2013 at 7:48

Code Lღver

15.6k16 gold badges61 silver badges75 bronze badges

2 Comments

TecHunter Over a year ago

yup, checked="checked" will help IE

Code Lღver Over a year ago

@user2951938 you have not give the name to that checkbox try by giving the name attribute also.

Sid M · Accepted Answer · 2013-12-17 07:49:47Z

0

Try this

<input type="checkbox" checked="checked" id="checkbox-remember" data-theme="SingleLineCheckBox" />

answered Dec 17, 2013 at 7:49

Sid M

4,3744 gold badges33 silver badges51 bronze badges

Comments

kevpoccs · Accepted Answer · 2013-12-17 09:45:37Z

0

have you got try other methods to know if the checkbox is check ?

I Have tried with

$('#checkbox-remember').get(0).checked

Demo

edited Dec 17, 2013 at 9:45

answered Dec 17, 2013 at 9:34

kevpoccs

6355 silver badges8 bronze badges

Collectives™ on Stack Overflow

Check a checkbox by default using jQuery?

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related