choix bouton radio

**Amel_B** · 28/01/2009, 11h26

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 :

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

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>

**Deallyra** · 28/01/2009, 11h36

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.

**Amel_B** · 28/01/2009, 13h18

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 :

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
 
<!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>

choix bouton radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager