comment cocher la case à cocher dans l'exécution

Question

Je veux ajouter l'option cochée à la case à cocher si elle a un identifiant ou une valeur de 2 à l'exécution en utilisant javascript. J'ai essayé avec le code suivant, mais je suis incapable de cocher la case. Des idées?

<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

Votre attribut ID ne peut pas être juste un nombre entier, il doit commence par une lettre. Si vous les nommez quelque chose comme area1, area2, area3 etc ... et mettez à jour votre code, cela devrait fonctionner correctement. Voici un JSFiddle avec une version mise à jour fonctionnant bien.

Answer 2

Vous devez concaténer votre chaîne.

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

Live example

En outre, your ID names are invalid. Pensez-y comme des variables. Utilisez des noms qui ne commencent pas avec les chiffres, n'ont pas d'espaces, etc.

Answer 3

Essayez

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

Au lieu de

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