Multiple checkbox set checked html

Question

I have an array in js that contains some name of checkbox i want to set checked. The problem is i cannot do it properly and i dont know why i'm wrong This is my code

var array = ['one','two word','three'];
for(var i = 0; i < array.length;i++)
$(':checkbox[value="'+array[i]+'"]').prop('checked', true);

With this HTML

<input type="checkbox" name="one[]" value="two word">
<input type="checkbox" name="one[]" value="four">
<input type="checkbox" name="one[]" value="one">

With this code my checkbox remain uncheked, can someone tell me why?

Richard Hamilton · Accepted Answer · 2016-03-01 21:24:23Z

3

True is not a valid property value for the checked attribute. The value can either be omitted or has to be checked

var array = ['one','two word','three'];

for(var i = 0; i < array.length;i++) {
    $(':checkbox[value="'+array[i]+'"]').prop('checked', 'checked');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="one[]" value="two word">
<input type="checkbox" name="one[]" value="four">
<input type="checkbox" name="one[]" value="one">

Here's the specification from the W3C

https://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.4

edited Mar 1, 2016 at 21:24

answered Mar 1, 2016 at 21:05

Richard Hamilton

26.5k11 gold badges65 silver badges88 bronze badges

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

3 Comments

Cristian Bregant Over a year ago

The problem remains, this is a console log of the checkbox [prevObject: n.fn.init[1], context: document, selector: ":checkbox[value="Trieste"]"]context: documentlength: 0prevObject: n.fn.init[1]selector: ":checkbox[value="one"]"proto: n[0]

Richard Hamilton Over a year ago

Is that the case? Can you run the code in the snippet?

Cristian Bregant Over a year ago

yes but at this point i think there could be a problem somewhere else. I'll look now to find the problem :D Thanks anyways!

NinjaCodeMonkey007 · Accepted Answer · 2016-03-01 21:22:47Z

0

It worked for me except for one item that had Three for a value instead of FOUR..

I modified your code and got all three to check You can set a value http://www.w3schools.com/jsref/prop_checkbox_value.asp

<input type="checkbox" name="one[]" value="two word">
<input type="checkbox" name="one[]" value="four">
<input type="checkbox" name="one[]" value="one">

var array = ['one','two word','four'];
for(var i = 0; i < array.length;i++) {
$(':checkbox[value="'+array[i]+'"]').prop('checked', true);
}

here is a fiddle Sample fiddle

edited Mar 1, 2016 at 21:22

answered Mar 1, 2016 at 21:16

NinjaCodeMonkey007

315 bronze badges

Collectives™ on Stack Overflow

Multiple checkbox set checked html

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related