Check Checkboxes based on values in an Array

Question

Checkbox check with Array or values

Html Code:

<div id="weekdays">
<label for="saturday">  Saturday    </label><input type='checkbox' name='week_day[]' value='saturday'  id="saturday">   
<label for="sunday">    Sunday      </label><input type='checkbox' name='week_day[]' value='sunday'    id="sunday"> 
<label for="monday">    Monday      </label><input type='checkbox' name='week_day[]' value='monday'    id="monday"> 
<label for="tuesday">   Tuesday     </label><input type='checkbox' name='week_day[]' value='tuesday'   id="tuesday">    
<label for="wednesday"> Wednesday   </label><input type='checkbox' name='week_day[]' value='wednesday' id="wednesday">  
<label for="thursday">  Thursday    </label><input type='checkbox' name='week_day[]' value='thursday'  id="thursday">   
<label for="friday">    Friday      </label><input type='checkbox' name='week_day[]' value='friday'    id="friday">

Array

var f = ["saturday", "sunday", "monday"]

info I wanna check the days saturday, sunday and monday on this form

adeneo · Accepted Answer · 2013-07-08 23:26:03Z

6

A jQuery selector is nothing but a string, so just join the array into a string of ID's :

$('#'+f.join(', #')).prop('checked', true);

FIDDLE

answered Jul 8, 2013 at 23:26

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

2 Comments

Karl-André Gagnon Over a year ago

Shouldnt the comma be before the #?

adeneo Over a year ago

@Karl-AndréGagnon - yes it should, just realized it myself.

BenJamin · Accepted Answer · 2013-07-08 23:37:29Z

1

With the forEach method of Array this is very simple even without JQuery.

f.forEach(function(i){
  document.getElementById(i).checked = true;
});

You can read more about for each on the Mozilla Developer Network

answered Jul 8, 2013 at 23:37

BenJamin

7834 silver badges17 bronze badges

4 Comments

Ahmed Fathi Over a year ago

i try it into modal form it not working , do you have any idea ? info : i use jqueryUi

BenJamin Over a year ago

happy to take a look if you are still having trouble, would you like to throw a fiddle together?

D.Madu Over a year ago

What if my array changed??? For example i am getting this array with a button click and just think array items change randomly. How to uncheck other checkboxes??

BenJamin Over a year ago

if you're wanting to un-check boxes you'll want to iterate over each time and assign checked to true/false based on if its in the new array.

Sushanth -- · Accepted Answer · 2013-07-08 23:30:43Z

1

One simple way is iterate over the array and use prop method along with id selector.

for(var i=0;i<f.length;i++) {
    $('#' + f[i]).prop('checked', true)
}

Check Fiddle

edited Jul 8, 2013 at 23:30

answered Jul 8, 2013 at 23:25

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

1 Comment

Erik Philips Over a year ago

I think you meant true not false?

Collectives™ on Stack Overflow

Check Checkboxes based on values in an Array

Checkbox check with Array or values

3 Answers 3

2 Comments

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Checkbox check with Array or values

3 Answers 3

2 Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related