Pourquoi ma case à cocher sur le changement ne fonctionne pas sur le fichier js, mais fonctionne sur la console?

Question

J'essaie d'obtenir le texte de case à cocher sélectionné en cas de changement.

Voici mon code ASPX

<ul class="multiselect-container dropdown-menu"> 
    <li class=""> 
     <a tabindex="0"> 
      <label class="checkbox"> 
       <input type="checkbox" value="1001"> 1001</label> 
     </a> 
    </li> 
    <li class=""> 
     <a tabindex="0"> 
      <label class="checkbox"> 
       <input type="checkbox" value="1111"> 1111</label> 
     </a> 
    </li> 
    <li class=""> 
     <a tabindex="0"> 
      <label class="checkbox"> 
       <input type="checkbox" value="2222"> 2222</label> 
     </a> 
    </li> 
    <li class=""> 
     <a tabindex="0"> 
      <label class="checkbox"> 
       <input type="checkbox" value="3333"> 3333</label> 
     </a> 
    </li> 
</ul> 

Voici mon code Jquery ce qui a essayé

$('.multiselect-container :checkbox').change(function() { 
    $('.multiselect-container input:checkbox').each(function() { 
     var sThisVal = (this.checked ? $(this).val() : ""); 
     alert(sThisVal); 
    }); 
    alert('working'); 
}); 

Remarque

Quand je lance le fichier js, il ne montrez l'alerte. mais quand j'ai essayé sur la console. il travaille ...

Can you tell me answer with reason why it is not working with js file? 

Answer 1

Vous devez exécuter le code js après la page est chargée. Il y a plusieurs façons:

1. Mettre la balise de script à la fin du corps:
2. Enveloppez votre script avec une fonction d'un appel après la page est chargée. Cela peut être fait soit en ajoutant l'attribut onload sur le corps (plus à w3) ou en ajoutant une balise de script à la fin du corps qui n'appelle que la fonction.
3. Vous pouvez utiliser le jQuery ready ou on load (plus à jQuery doc)