Why i always fail to make check mark to checkbox via javascript?

Question

Look to my code below :

HTML :

<input type="checkbox" name="xyz[1][]" id="sel_44" style="margin:2px;" value="12345" onclick="myClick(this)">

Javascript :

<script>
$('#sel_44').attr("checked", true);
</script>

I already try every method (method that suggest by acceptance answer) in this URL : Check/Uncheck checkbox with javascript?

My Problem and Question :

I can sure $('#sel_loc_cb_44') is not null and not undefined. But i can make checkmark via javascript or jquery. How to fix my code and what's the source of problem?

Please kindly add jsfiddle to your solution post. thank you

Michael i can see many answers are marked as useful anything worked out? — Naveen K N, Apr 20 '17 at 09:52
Make sure code runs after DOM is loaded. Wrap it in `ready`. — Tushar, Apr 20 '17 at 09:52
I will give accept answer if the solution working for me. However as i can say i sure the DOM is exist (not null and not undefined) — Mr. Mike, Apr 20 '17 at 09:54
Looks like you need to add doument ready function https://jsfiddle.net/o2gxgz9r/5935/ — Naveen K N, Apr 20 '17 at 10:07

score 2 · Answer 1 · answered Apr 20 '17 at 09:46

2

try using

$('#sel_44').prop("checked", true);

you must change the propery of the DOM object instead of attribute

answered Apr 20 '17 at 09:46

Hossein Salmanian

753
4
14

@Michael attr change attributes of an a lement not the properites of an element to change a property of an element you must use prop function – Hossein Salmanian Apr 20 '17 at 09:51
It's not working for me. Can you give me example in jsfiddle? – Mr. Mike Apr 20 '17 at 09:52
You use button. How if i want to do it without press a button? cause i can't do it without use button – Mr. Mike Apr 20 '17 at 10:04
you mean in page load? – Hossein Salmanian Apr 20 '17 at 10:06
Like my code in the question. HTML is above and then i write JavaScript below the HTML to force check the checkbox. But i don't want to user HTML attribute like checked="checked". – Mr. Mike Apr 20 '17 at 10:07
try to change the checked attribute after documetn loaded https://jsfiddle.net/1vwqe31s/4/ – Hossein Salmanian Apr 20 '17 at 10:09

brk · Answer 2 · 2017-04-20T09:50:15.900

1

Since jquery 1.6+ prop method provides a way to explicitly retrieve property values, while attr retrieves attributes. Here checked is a property. So use prop for checking a checkbox.

$('#sel_44').prop("checked", true);

edited Apr 20 '17 at 09:50

answered Apr 20 '17 at 09:44

brk

48,835
10
56
78

Abanoub Makram · Answer 3 · 2017-04-20T09:48:00.400

1

try this with jquery:

$("#sel_44").prop('checked',true);

edited Apr 20 '17 at 09:48

answered Apr 20 '17 at 09:47

Abanoub Makram

463
2
13

@NiettheDarkAbsol ok it writing mistake i edited it thank u – Abanoub Makram Apr 20 '17 at 09:48

Naveen K N · Answer 4 · 2017-04-20T10:06:52.947

0

Try this

$(document).ready(function() {
$('#sel_44').attr("checked", true);
});

I have tried in the jsfiddler, looks like you need to put your code inside the document ready function.

https://jsfiddle.net/o2gxgz9r/5935/

edited Apr 20 '17 at 10:06

answered Apr 20 '17 at 09:47

Naveen K N

180
1
11

I don't want to do that when clicked. I want to checked when the first time it showed but using Javascript not write the DOM checked="checked" – Mr. Mike Apr 20 '17 at 09:49

Brissy · Answer 5 · 2017-04-20T10:14:16.843

0

$(function(){
  $('#sel_44').prop('checked',true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="xyz[1][]" id="sel_44" style="margin:2px;" value="12345">

edited Apr 20 '17 at 10:14

answered Apr 20 '17 at 09:48

Brissy

349
1
2
10

I don't want to do that when clicked. I want to checked when the first time it showed but using Javascript not write the DOM checked="checked" – Mr. Mike Apr 20 '17 at 09:49

Why i always fail to make check mark to checkbox via javascript?

5 Answers5