Check the checkboxes based on the values ​​in the array

Question

Checking a checkbox with an 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"] 

Information I want to check the days of Saturday, Sunday and Monday in this form

Answer 1

With the forEach method of an array, it is very simple even without jQuery.

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

You can learn more about each of the Mozilla Developer Network.

Answer 2

The jQuery selector is nothing more than a string, so just attach the array to the ID string:

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

Fiddle

Answer 3

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

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

Check feed