如何使用数组为数据制作选定的复选框答案

【问题标题】：How to make selected checkboxes with using array for data如何使用数组为数据制作选定的复选框
【发布时间】：2013-07-18 12:24:10
【问题描述】：

我有 7 个复选框用于选择日期。例如：

<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>

我还有一个数组：

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

我想在第 5 天和第 6 天进行加载。有什么捷径可以做到吗？

【问题讨论】：

标签： javascript jquery arrays option selected

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

如果你想检查星期五和星期六，你可以添加

checked="checked"

您的意见

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

【讨论】：

【解决方案4】：

工作演示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);
            }
        }
    });
});

另一个Js代码

工作演示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);
    });
});

【讨论】：

【解决方案5】：

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

【讨论】：