Fonction d'affichage résultat radiobutton

**armoirapizza** · 10/12/2012, 22h20

Bonjour,

je souhaite faire une fonction qui lorsqu'on clique sur un bouton, dans la premiere case d'un tableau, affiche dans la troisieme case le texte du radio button qui est coché dans la deuxieme...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE>
	<html>
		<head>
			<title>
			Document test
			</title>
			<STYLE type="text/css">
      		h1 { color: navy; } 
      		#T1 {
      		text-align:center; 
      		border: 10px outset grey;
      		background:white;
      		}
      		TD{
      		width:30%;
      		BORDER-STYLE:SOLID; 
      		BORDER-COLOR:BLUE; 
      		text-align:center; 
      		font-weight: bold;
      		background-color: #556B2F;
      		}
      		th{
      		BORDER-STYLE:SOLID; 
      		BORDER-COLOR:RED;
      		}
      		#div1{
      		background: #a1f2c3; 
      		}
 
      		</STYLE>
      		<script type="text/javascript">
      		function affich("group1"){
 
      		}
 
      		</script>
      		</head>
		<body>
			<h1 align="center">
			ceci est un exercice
			</h1>
			<p>un exercice pratique
			</p>
			<div style="border: 11px solid black;" id="div1">
			<table width="60%" id="T1" align="center">
				<tr> 
					<th colspan="3" text-align="center"><h2>Mon tableau</h2></th>
				</tr>
				<tr> 
					<th>first</th>
					<th>deuxio</th>
					<th>troisiemement</th>
				</tr>
				<tr>
					<td><button type="button" onclick="affich("group1")">Vérification</button></td>
					<td><input type="radio" name="group1" value="Milk"> Milk<br>
						<input type="radio" name="group1" value="Butter" checked> Butter<br>
						<input type="radio" name="group1" value="Cheese"> Cheese
						<hr>
						<input type="radio" name="group2" value="Water"> Water<br>
						<input type="radio" name="group2" value="Beer"> Beer<br>
						<input type="radio" name="group2" value="Wine" checked> Wine<br></td>
					<td>???</td>
				</tr>
				<tr> 
					<td>1</td>
					<td>2</td>
					<td>3</td>
				</tr>	
				<tr> 
					<td>a</td>
					<td>b</td>
					<td>c</td>
				</tr>
			</table>
			</div>
</body></html>

**Bovino** · 11/12/2012, 08h18

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function affich("group1"){
 
}

Doit-on traduire "je souhaite faire une fonction" par "faites-moi une fonction" ?

Le but du forum n'est pas de faire ton travail mais de t'aider à surmonter des problèmes que tu rencontres. Commence par coder ta fonction et reviens nous voir si tu as des difficultés...

**armoirapizza** · 11/12/2012, 10h55

It is indeed....

Je reviendrai avec du code. Et cette fois, attention les yeux

J'avoue ça fait un peu fainéant...

Le but c'est de prendre la valeur avtive dans radiobutton et lorsque je clique sur le bouton de vérification, ça balance l'info dans une zone texte...

Je vais essayer de trouver les expressions utiles et vous présenterai ça avec plaisir.

Merci pour la réponse tout de même.

**armoirapizza** · 11/12/2012, 12h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script type="text/javascript">
	function Affich(){
		var nouv=document.getElementById("td3");
		nouv.innerHTML=document.getElementById("group1").value;
		if (nouv.value== Milk){
			alert("c'est bon le lait");return true;
		}else{
			alert("vous n'aimez pas le lait?"); return false;
		}
	}
<!--
//-->
</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"> Milk<br>
						<input type="radio" name="group1" value="Butter" checked> Butter<br>
						<input type="radio" name="group1" value="Cheese"> Cheese
					</td>
					<td><div id="td3"></div></td>
				</tr>
 
			</table>
		</div>
 
</body>
</html>

**armoirapizza** · 11/12/2012, 13h00

Bonjour,
je n'arrive pas a faire afficher les boite "alert"...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function Affich(){
		var nouv=document.getElementById("group1").value;
		nouv.innerHTML=document.getElementById("group1").value;
		if (nouv.value== Milk){
			alert("c'est bon le lait");return true;
		}else{
			alert("vous n'aimez pas le lait?"); return false;
		}
	}