choix bouton radio

Version imprimable

choix bouton radio

bjr j'ai 3 bouton radio

SVp comment faire une simple condition de choix d'affichage

par exp
quand je coche le 1er bouton j'affiche le mot "administrateur"
quand je coche le 2em bouton j'affiche le mot "enseingant"
quand je coche le 3em bouton j'affiche le mot "etudiant"
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <form name="form3" method="post" action=""> <p> <input type="radio" name="radiobutton1" value="admin"> admin </p> <p> <input type="radio" name="radiobutton2" value="prof"> prof </p> <p> <input type="radio" name="radiobutton3" value="etud"> etud </p> </form>

28/01/2009, 11h36
Deallyra

Bonjour,

Merci d'éviter l'écriture sms.

Sinon, si vous souhaitez avoir un affiche sur sélection d'un radio, il faut voir du coté JavaScript.

bjr, merci de m'avoir répondre
voila comment j'ai fait le code mais ça n'a pas marché ou est l'erreur SVP.

Code:

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     <script language="JavaScript">
<!--
function verif()
{
for (counter = 0; counter < form1.r1.length; counter++)
{
if (form1.r1[counter].checked)
//break;
var choice=document.form1.r1.value;
}
if (choice=='admin')
{
alert('admin');
}
else if (choice=='prof')
{
alert('prof');
}
else  if (choice=='etud')
{
alert('etud');
}
return;
}
-->
  </script>
<style type="text/css">
<!--
body {
	background-color: #004080;
}
-->
</style></head>
 
<body> <br>
<form action="" method="post" name="form1" id="form1">
  <p>
    <input type="radio" name="r1" value="admin" onSelect="verif()">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onSelect="verif()">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onSelect="verif()"> 
    etud
  </p>
</form>