IE jquery prend deux clics pour travailler

Question

J'essaie de mettre en place une case à cocher qui vérifie toutes les cases à cocher de l'enfant, comme une arborescence. Les codes suivants fonctionnent très bien dans Firefox et Chrome, mais dans IE, il faut deux clics pour le faire fonctionner. Qu'est-ce que je rate?

HTML

<input type="checkbox" name="org" value="orgs" id="orgs" /> 
<label for="All">Organizations</label> 

<ul id="orglist"> 
    <li> 
      <input type="checkbox" name="org" value="1" id="1" /> 
      <label for="1">Org 1</label> 
    </li> 
    <li> 
      <input type="checkbox" name="org" value="1" id="2" /> 
      <label for="2">Org 2</label> 
    </li> 
</ul> 

Javascript/Jquery

$(document).ready(function() { 
    $("#orgs").change(function() { 

     if ($(this).attr("checked")) { 
      $("#navform #orglist :checkbox").attr("checked", true); 
     } 
     else { 
      $("#navform #orglist :checkbox").attr("checked", false); 
     } 
    }); 
}); 

Answer 1

Très probablement l'état d'une case à cocher est dans le doute pour IE. Essayez de définir la propriété checked sur false ou autre sur le chargement initial de la page. Par exemple:

<input type="checkbox" name="or" value="1" id="1" checked="false" /> 

Answer 2

Au lieu de chercher un attribut, laissez jQuery faire plus de travail:

if ($(this).is(":checked")) { 
    $("#navform #orglist :checkbox").attr("checked", "checked"); 
} 
else { 
    $("#navform #orglist :checkbox").removeAttr("checked"); 
} 

Answer 3

Pour moi, le problème est que j'étais juste en utilisant checked et non checked="checked". Erreur muette, mais j'espère que ça aide quelqu'un.