How to make selected checkboxes with using array for data?

Question

I have 7 checkbox's for day selection. For example:

<span><input name="days" type="checkbox" value="1" id="day1"><label for="day1">M</label></span>
<span><input name="days" type="checkbox" value="2" id="day2"><label for="day2">T</label></span>
<span><input name="days" type="checkbox" value="3" id="day3"><label for="day3">W</label></span>
<span><input name="days" type="checkbox" value="4" id="day4"><label for="day4">T</label></span>
<span><input name="days" type="checkbox" value="5" id="day5"><label for="day5">F</label></span>
<span><input name="days" type="checkbox" value="6" id="day6"><label for="day6">S</label></span>
<span><input name="days" type="checkbox" value="7" id="day7"><label for="day7">S</label></span>

And I also have an array :

var selectedDays = ["5","6"];

I want the 5th and 6th days to be selected on load. Any short way to do this?

Molecular Man · Accepted Answer · 2013-07-19 09:18:02Z

2

$(document).ready(function () {
  $.each(selectedDays, function(i, val) {
    $('#day'+val).prop('checked', true);
  });
});

answered Jul 19, 2013 at 9:18

Molecular Man

22.4k3 gold badges74 silver badges90 bronze badges

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

Comments

Adil Shaikh · Accepted Answer · 2013-07-19 09:17:20Z

2

$.each(selectedDays,function(i,v){
   $('input:checkbox[value="'+ v +'"]').prop('checked',true);
});

answered Jul 19, 2013 at 9:17

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Comments

Saravana Ganesan · Accepted Answer · 2013-07-19 10:06:02Z

1

    $(function () {
        var selectedDays = ["5", "6"];
        $.each(selectedDays, function (i, v) {
            $('input:checkbox[value="' + v + '"]').attr('checked', true);
        });
    });

answered Jul 19, 2013 at 10:06

Saravana Ganesan

415 bronze badges

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-07-19 10:14:15Z

1

working Demo http://jsfiddle.net/cse_tushar/3924B/

$(document).ready(function () {
    var selectedDays = ["5", "6"];
    $('input[name="days"]').each(function () {
        for(i=0;i<selectedDays.length;i++){
            if($(this).attr('value') == selectedDays[i]){
                $(this).prop('checked',true);
            }
        }
    });
});

Another Js code

Working Demo http://jsfiddle.net/cse_tushar/3924B/1/

$(document).ready(function () {
    var selectedDays = ["5", "6"];
    $.each(selectedDays, function (i, v) {
        $('input:checkbox[value="' + v + '"]').prop('checked', true);
    });
});

edited Jul 19, 2013 at 10:14

answered Jul 19, 2013 at 9:25

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Comments

Ahmad Radi · Accepted Answer · 2013-07-19 09:18:59Z

0

If you want Friday and Saturday be Checked you can do add

checked="checked"

to your input

<input name="days" type="checkbox" value="5" id="day5" checked="checked">
<input name="days" type="checkbox" value="6" id="day6" checked="checked">

answered Jul 19, 2013 at 9:18

Ahmad Radi

1641 silver badge5 bronze badges

Collectives™ on Stack Overflow

How to make selected checkboxes with using array for data?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related