[英]How to make selected checkboxes with using array for data
我有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天有負載。 有什么短方法嗎?
$.each(selectedDays,function(i,v){
$('input:checkbox[value="'+ v +'"]').prop('checked',true);
});
$(document).ready(function () {
$.each(selectedDays, function(i, val) {
$('#day'+val).prop('checked', true);
});
});
工作演示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);
});
});
$(function () {
var selectedDays = ["5", "6"];
$.each(selectedDays, function (i, v) {
$('input:checkbox[value="' + v + '"]').attr('checked', true);
});
});
如果要檢查星期五和星期六,可以添加
checked="checked"
根據您的輸入
<input name="days" type="checkbox" value="5" id="day5" checked="checked">
<input name="days" type="checkbox" value="6" id="day6" checked="checked">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.