Javascript Checkbox cochée sur l'erreur de chargement

Question

J'ai une page .cshtml que je vais mettre en place avec plusieurs cases à cocher.

Les cases à cocher doivent être cochées/décochées en fonction des valeurs de plusieurs variables passées dans la vue à l'aide de TempData.

J'ai mis en place le code comme suit:

<script> 

    @if (TempData["enabled"] == "True") { 
     var eCheckBox = document.getElementById(eCheck); 
     eCheckBox.checked = true; 

    } 

</script> 

<h2>Update @TempData["fullName"]</h2> 

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck"/>Enabled<br/> 

Mais la ligne

eCheckBox.checked = true; 

produit l'erreur «identifiant prévu, un mot-clé est vérifiée. Y a-t-il quelque chose d'évident qui me manque? Faire cocher une case sur la charge semble être simple à faire.

EDIT: J'ai essayé de corriger le code comme suit:

<input type="checkbox" name="enabledCheckbox" value="Enabled" id="eCheck" onload="checkTrue()"/>Enabled<br/> 

<script type="text/javascript"> 

    function checkTrue() { 
     alert("Here!"); 


     if (TempData["enabled"] == "True") { 
      document.querySelector('[name=enabledCheckbox]').checked = true; 
     } 
    } 

</script> 

Il ne semble pas que le code frappe la fonction du tout, car aucun déclenchement de l'alerte.

Answer 1

Vous manquez de récupérer votre élément HTML correctement via JS. Il suffit d'utiliser ceci:

document.querySelector('[name=enabledCheckbox]').checked = true;