2013-07-19 4 views
0

오늘 선택란에는 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 일 부하에 slected 할 수 있도록합니다. 이 짧은 방법은?

답변

2
$(document).ready(function() { 
    $.each(selectedDays, function(i, val) { 
    $('#day'+val).prop('checked', true); 
    }); 
}); 
2
$.each(selectedDays,function(i,v){ 
    $('input:checkbox[value="'+ v +'"]').prop('checked',true); 
}); 
0

당신은 금요일과 토요일은 당신이 당신의 입력

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

작업 데모에

checked="checked" 

를 추가 할 수 있습니다 확인하려면 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); 
      } 
     } 
    }); 
}); 
,451,515,

또 다른 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); 
    }); 
}); 
1
$(function() { 
     var selectedDays = ["5", "6"]; 
     $.each(selectedDays, function (i, v) { 
      $('input:checkbox[value="' + v + '"]').attr('checked', true); 
     }); 
    }); 
관련 문제