2009-08-24 3 views
-4

Je veux montrer des valeurs de deux boutons radio dans la balise span quand on clique dessus, mais cela ne fonctionne pas:pourquoi ce code ne fonctionne pas?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Untitled Document</title> 
     <script src="jquery.js" type="text/javascript"> 
     </script> 
    </head> 
    <body> 
     <p> 
      your amount is : <span id="displayPrice"></span> 
     </p> 
     <input type="radio" value="159" name="price" onclick="$('displayPrice').html(this.value)"> 
     <br> 
     <input type="radio" value="259" name="price" onclick="$('displayPrice').html(this.value)"> 
    </body> 
</html> 
+3

La réponse de Gavin est correct, mais vous » d bénéficier de fournir plus d'informations dans vos questions. Dire simplement que quelque chose ne fonctionne pas et publier votre code n'est généralement pas une recette pour réussir. –

+0

Pourtant, l'info collée était assez pour trouver une réponse .. – madcolor

+0

Bien sûr, dans ce cas, ce n'était pas si difficile, mais il n'était pas évident de savoir quel était le problème jusqu'à ce que vous regardiez son code. En tant que répondeur potentiel de questions, préféreriez-vous que quelqu'un fasse un effort pour décrire le problème, ou préférez-vous qu'il vous laisse le soin de découvrir ce que le problème était? –

Répondre

11

$ (« displayPrice ») n'est pas un sélecteur valide. Vous voulez $ ('# displayPrice').

Après le fait, mais pour ce qu'il vaut la peine, il est normalement une bonne idée de séparer votre code de gestion javascript et en le plaçant dans un événement prêt par exemple: -

$(document).ready(function() { 

    $("input[name='price']").click(function() { 
     $('#displayPrice').html($(this).val()); 
    }); 
}); 
+0

Merci de me corriger :) – datisdesign

Questions connexes