런타임에 체크 박스를 확인하는 방법

Question

javascript를 사용하여 런타임에 ID 또는 값이 2 인 경우 확인란에 체크 된 옵션을 추가하려고합니다. 다음 코드로 시도했지만 확인란을 선택할 수 없습니다. 어떤 아이디어?

<div> 
     <h4>Filter by Area</h4>    
      <ul id="arealist"> 
    <li><input type ="checkbox" id="1" value="1" /> All</li> 
    <li><input type ="checkbox" id="2" value="2" /> some</li> 
    <li><input type ="checkbox" id="3" value="3" /> heavy</li> 
    <li><input type ="checkbox" id="4" value="4" /> more</li> 
    <li><input type ="checkbox" id="5" value="5" /> none</li> 

              </ul> </div> 
<script type="text/javascript" src="<?=base_url()?>js/jquery-1.6.4.min.js"></script>  
<script type="text/javascript"> 
$(document).ready(function(){ 
var areaname=2; //this value i am getting at run time. 
$("#areaname").prop("checked",true); 
}); 
</script> 

Answer 1

귀하의 ID 속성의

$("#" + areaname).attr("checked", true); 

시도 등

Answer 2

문자열을 연결해야합니다. 또한

Live example

$("#" + areaname).prop("checked", true); 

, your ID names are invalid. 변수로 생각하십시오. 단지 정수를 수없는 대신

$("#areaname").prop("checked",true); 

Answer 3

공백이없는 숫자로 시작하지 않는 이름이 있어야합니다 편지로 시작하십시오. area1, area2, area3 등의 이름을 지정하고 코드를 업데이트하면 정상적으로 작동합니다. 업데이트 된 버전이 제대로 작동하는 JSFiddle입니다.