« Pseudo-classe inconnue ou pseudo-élément 'radio' »

StackOverflow https://stackoverflow.com/questions/1788458

Question

Il y a beaucoup d'éléments radio d'entrée sur une page Web et chaque élément radio a plusieurs options. Je veux une fonction à chaque fois tiré une option de vérification est un élément radio. Comment écrire le code en utilisant Jquery? Un élément d'entrée se présente comme suit: 

<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>

J'ai écrit le code comme suit: 

$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});

Ma version est Jquery 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

J'utilise Firefox. Sur la console d'erreur, il dit « pseudo-classe inconnue ou pseudo-élément « radio » ». Une idée? Quel est le problème?

Ma question précédente est proche de cette question, mais je n'ai pas une solution à ce jour. Je dois donc demander autour. Espérons que cette question ne sera pas fermée comme une question dupliquée. Merci!

Était-ce utile?

La solution

Peut-être cela? 

$('input[type=radio]').click( ... );

Autres conseils

Les éléments d'entrée sont généralement contenues à l'intérieur d'un élément de forme, est-ce votre cas? Si oui, vous devez peut-être inclure l'élément de forme dans le sélecteur. Voir ici un exemple: http://docs.jquery.com/Selectors/radio

J'ai installé une page de test simple avec votre code, et barbante je reçois la même erreur dans la console, il fonctionne (le message d'alerte est affichée chaque fois que je clique sur un bouton radio). Je posterai le code de page ici au cas où il vous aide à repérer quelque chose que vous avez manqué: 

<html>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});
});
</script>
</header>
<body>
<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>
</body>
</html>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top