affichage d'aprés la selection d'un bouton radio

Version imprimable

bjr
J'ai3 boutons radio

je veux quand je clique sur le 1er il m'affiche le mot 'admin'
" " " 2eme " le mot 'prof'
et quand je clique sur le 3eme il affiche le mot 'etud'
voila le code mais ça na 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
54
 
 
<!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>

28/01/2009, 13h35
Bovino

Code:

var choice=document.form1.r1[counter].value;

Après lecture complète du code...
onselect ne s'applique pas à un radio.
Puis tu peux facilement épurer ton code :

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
<!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(choice)
{
alert(choice);
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" onclick="verif(this.value)">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onclick="verif(this.value)">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onclick="verif(this.value)"> 
    etud
  </p>
</form>

28/01/2009, 13h40
Amel_B

merci de m'avoir répondre
je vais voir ce ke vous avez envoyé

merci , le code ke vous avez envoyé marche bien,
mon but c'était comme suit
j'ai une page d'authentification, je veux que
quand je coche le radio nomé admine dans la meme page affiche un mask de saisi de l'administrateur
et ainsi quand je coche le bouton nomé prof ça m'affiche un autre mask de saisi celui des profs et ainsi pour les étudiants.

comment pourraije faire cette fonction d'affichage de n'importe quel mask
donc
voila ce ke j'ai ecris a la place de (alert(choice))

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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
<!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 affiche(choice)
{
<form action="user.php" method="post" name="form2" id="form2" src="..inscription/mohamed/bouton.gif">
  <p>&nbsp;</p>
  <table width="377" height="201" border="0" align="center" background="moha/bouton1.gif" bgcolor="#FFFFFF">
    <tr> 
      <td width="212" height="59" > 
        <div align="right"> 
          <p>&nbsp;</p>
        </div></td>
      <td width="155" >&nbsp;</td>
    </tr>
    <tr>
      <td height="38" ><div align="right"><strong>
          <input name="user_text" type="text" id="user_text">
      </strong></div></td>
      <td ><div align="right"><strong>اسم المستخدم </strong></div></td>
    </tr>
    <tr>
      <td height="30" ><div align="right"><strong>
          <input name="mopass_text" type="password" id="mopass_text">
      </strong> </div></td>
      <td ><div align="right"><strong>كلمة المرور </strong></div></td>
    </tr>
    <tr>
      <td height="27" >
      <div align="right">        </div></td>
      <td >&nbsp;</td>
    </tr>
    <tr>
      <td height="35" ><div align="right">
        <input type="reset" name="Submit2" value="مسح">
        <input type="submit" name="Accee" value="دخول" >
      </div></td>
      <td >&nbsp;      </td>
    </tr>
  </table>
</form>
//alert(choice);
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" onclick="affiche()">
admin  </p>
  <p>
    <input type="radio" name="r1" value="prof" onclick="affiche()">
prof  </p>
  <p>
    <input type="radio" name="r1" value="etud" onclick="affiche()"> 
    etud
  </p>
</form>__________________

mais ça marche pas