Pourquoi cela ne fonctionne-t-il pas sur Internet Explorer? [jQuery, radio, sélecteurs]

Question

J'essaye de déboguer quelque chose qui ne fonctionne pas sur n'importe quelle version d'Internet Explorer.

Voici le code:

<div id="sondage"> 
    <input type="radio" name="reponse" value="oui" id="oui"> 
    <label for="oui">Oui</label> 

    <input type="radio" name="reponse" value="non" id="non"> 
    <label for="non">Non</label> 
</div> 

<script type="text/javascript" charset="utf-8"> 
$(function(){ 

    $('#oui, #non').click(function(){ 
     reponse = $('input[name=reponse]:checked').val(); 
     sondage_id = <?php echo $sondage->id ?>; 

     $.ajax({ 
      type: "GET", 
      url: "<?php echo url_for('@sondage_repondre') ?>", 
      data: "reponse="+reponse+"&id="+sondage_id, 
      success: function(msg){ 
       resultat = msg.split('|'); 

       if (resultat[0] == "true") { 
        $('#sondage_message').html("<?php echo __('Merci.') ?>"); 
       } else { 
        $('#sondage_message').html("<?php echo __('Désolé, vous avez déjà voté pour ce sondage. Merci.') ?>"); 
       } 
       $('#sondage').html(resultat[1]); 
      } 
     }); 

    }); 

}); 
</script> 

L'erreur se produit sur cette ligne (reponse = $('input[name=reponse]:checked').val();).

Avez-vous une idée de ce qui se passe?

Merci!

EDIT: Comme demandé: l'erreur est:

Line 511, Char 7, Object doesn't support this property or method. 

Et voici la sortie complète: http://pastie.org/1355610

Merci encore!

Answer 1

vous manque un var là-dedans, il devrait être:

var reponse = $('input[name=reponse]:checked').val(); 

va de même pour vos autres variables ... toujours utiliser var de les déclarer, peu importe où ils sont, ne le font pas dépend d'une définition globale implicite qui n'est pas toujours autorisée.