L'enregistrement d'un événement de bouton radio jquery ne fonctionne pas

Question

J'essaie de définir un champ de formulaire caché avec la valeur d'un bouton radio sélectionné. J'ai le code suivant:

$(function() { 
     // set hidden form field with selected timeslot 
     $('input[name=["timeslot"]').live("click", (function() { 
      var valu = $(this).val(); 
      alert(valu); 
      $("#selectedSlot").val(valu); 
     })); 
    }); 

Tous les boutons radio ont le nom de « intervalle de temps », et je voudrais exécuter cette fonction à chaque fois qu'un clic est effectué. Toutefois, la zone d'alerte est vide lorsque je clique sur l'un des boutons radio.

MISE À JOUR: Oups! Je n'ai pas vu les doubles crochets. Cependant je l'ai fixé:

 $('input[name="timeslot"]').live("click", (function() { 
      var valu = $(this).val(); 
      alert(valu); 
      $("#selectedSlot").val(valu); 
     })); 

et je suis toujours avoir le même problème. En fait, la boîte d'alerte ne vient même plus pour une raison quelconque.

MISE À JOUR 2: En fait, dans mon code réel, j'ai d'autres événements enregistrés dans mon bloc d'initiation en plus de celui-ci - si je les supprime tous sauf le bouton radio un, ça marche!

Par exemple, si j'ai ceci:

$(function() { 
     // set hidden form field with selected interviewee 
     $('#interviewees').live("change", (function() { 
      var selected = $("#interviewees").val(); 
      $("#selectedInterviewee").val(selected); 
     })); 
     // set hidden form field with selected timeslot 
     $('input[name="timeslot"]').live("click", (function() { 
      var valu = $(this).val(); 
      alert(valu); 
      $("#selectedSlot").val(valu); 
     })); 
    }); 

puis sur le bouton radio en cas de clic ne se déclenche pas, bien que le premier (une liste déroulante) fait. Mais si j'ai le bouton radio tout seul, c'est le cas. Des idées????

Les balises d'entrée ressemblent à ceci:

<input id="slot_7:30-AM" name="timeslot" type="radio" value="slot_7:30-AM" /> 

J'utilise IE 8 la plupart du temps, mais j'ai essayé cela sur Firefox et la même chose. Qu'est-ce que je fais mal?

Answer 1

OK, je l'ai eu à travailler en inversant l'ordre des inscriptions à des événements:

$(function() { 
     // set hidden form field with selected timeslot 
     $('input[name="timeslot"]').live("click", (function() { 
      var valu = $(this).val(); 
      alert(valu); 
      $("#selectedSlot").val(valu); 
     })); 
     // set hidden form field with selected interviewee 
     $('#interviewees').live("change", (function() { 
      var selected = $("#interviewees").val(); 
      $("#selectedInterviewee").val(selected); 
     })); 
    }); 

Ugh. Je reviens à mon avis que javascript est un désordre flakey. Mais pour une raison quelconque, cela fonctionne maintenant.(Les deux travaillent maintenant ... très particulier.)

Answer 2

Sans voir votre code html, je ne peux pas être tout à fait sûr, mais je pense le problème est le sélecteur que vous utilisez:

$('input[name=["timeslot"]') 

Il y a au moins deux problèmes qui pourraient causer des problèmes:

1. la unclosed-support de carré, et
2. l'utilisation de crochets à l'intérieur du sélecteur d'attribut. Essayez d'utiliser: $('input[name="timeslot"]') à la place.

---

Edité en réponse aux commentaires à la réponse ci-dessous.

Ce qui suit semble fonctionner:

$('input[name="timeslot"]').live('click', function() { 
    var valu = $(this).val(); 
    alert(valu); 
    $("#selectedSlot").val(valu); 
}); 

JS Fiddle demo.

Je suis, bien sûr, en utilisant une entrée text, plutôt que d'un hidden, mais étant donné que le sélecteur fonctionne sur le id il devrait fonctionner indépendamment du type input.