Affichage données radiobutton

Résolu/Fermé

armoirapizza Messages postés 4 Date d'inscription dimanche 12 septembre 2010 Statut Membre Dernière intervention 11 décembre 2012 - 11 déc. 2012 à 16:23
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 - 11 déc. 2012 à 19:16

Bonjour,

je n'arrive pas à faire fonctionner cette fonction...

<script type="text/javascript">
	function Affich(){
		var radioType = document.getElementsByName("group1"); 
		var checked = false; 
		for (var cpt = 0 ; (cpt < radioType.length) && !checked ; cpt++) { 
			checked = checked || radioType[cpt].checked; 
		} 
		if (!checked) { 
			alert("Sélectionnez un type"); 
		} else { 
			document.getElementById('result').value=document.getElementByName('group1).checked.value;
		}
	} 
</script>
</head>
	<body>
		<div>
			<table border="5px, solid, black" width="50%">
				<tr>
					<td><input type="button" value="cliquez ici" onclick="Affich()"></td>
					<td>
						<input type="radio" name="group1" value="Milk" id="i1"> Milk<br>
						<input type="radio" name="group1" value="Butter" id="i2" checked> Butter<br>
						<input type="radio" name="group1" value="Cheese"id="i3" > Cheese
					</td>
					<td><div id="td3"><p>Résultat <input type="text" name="result" id="result"></p>
					</div></td>
				</tr>

			</table>
		</div>

A voir également:

Affichage données radiobutton
Effacer les données de navigation - Guide
Reinstaller windows sans perte de données - Guide
Affichage double ecran - Guide
Windows 11 affichage classique - Guide
Service de diffusion de données - Forum TNT / Satellite / Réception

2 réponses

Réponse 1 / 2

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
Modifié par @lobotomix:~# rm -rf * le 11/12/2012 à 16:50

Salut je suis débutant en JS et j'ai du mal a m'adapter au code des autres. j'ai préféré le refaire

<!doctype html> 
<html> 
 <head> 
  <title>test</title> 
  <meta charset="UTF-8" /> 
 </head> 
 <body> 
  <div> 
   <table border="5px, solid, black" width="50%"> 
    <tr> 
     <td> 
     <input type="button" value="cliquez ici" id="button"> 
     </td> 
     <td> 
     <input type="radio" name="group1" value="Milk" id="i1"> 
     Milk 
     <br> 
     <input type="radio" name="group1" value="Butter" id="i2" checked> 
     Butter 
     <br> 
     <input type="radio" name="group1" value="Cheese"id="i3" > 
     Cheese </td> 
     <td> 
     <div id="td3"> 
      <p> 
       Résultat 
       <input type="text" name="result" id="result"> 
      </p> 
     </div></td> 
    </tr> 
   </table> 
  </div> 
  <script type="text/javascript"> 
   var but = document.getElementById("button"); 
   var radio = document.getElementsByName("group1"); 
   var result = document.getElementById("result"); 
    
   but.addEventListener("click", function() 
    { 
     for(var i =0; i< radio.length; i++) 
          { 
           if(radio[i].checked) 
            { 
             result.value = radio[i].value; 
            } 
          } 
    },false); 
     
   </script> 
 </body> 
</html>

Dans linux il y a le noyau et dans Windows les pépins

Réponse 2 / 2

armoirapizza Messages postés 4 Date d'inscription dimanche 12 septembre 2010 Statut Membre Dernière intervention 11 décembre 2012
11 déc. 2012 à 17:01

Ah oui! ça fonctionne.
Je ne connaissais pas le addEventListener

Merci

armoirapizza Messages postés 4 Date d'inscription dimanche 12 septembre 2010 Statut Membre Dernière intervention 11 décembre 2012
11 déc. 2012 à 17:06

"click" c'est comme onclick?

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
11 déc. 2012 à 19:16

oui c est comme onclick sauf que avec addEventListener qui ne fonctionne pas sous IE8 et ceux d'avant cela permet la création multiple d'évènements identiques pour un même élément.

Discussions similaires

adele

Exemple de base de données access

Leboncoin : j'ai un problème d'affichage

Les paramètres d'affichage NVIDIA ne sont pas

TNT base de donnees vide!!

Discussions similaires

Newsletters