Désactiver une zone texte avec radio javascript

**fat** · 23/05/2007, 16h39

Bonjour,
voila dans mon formulaire en php
j'ai un tableau dans lequel il y a une colonne statut qui contient 3 bouton radio
si je clicke sur le bouton not applicable je doit activer une zone texte

le id de mon bouton radio est variable car je connais oas la taille du tableau
je suis debutante en javascripte, pour la fonction que j'ai utilise c un exemple que j'ai trouvé sur le net que j'ai modifié

mais ca ne marche pas

voila mon code

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
 
//fonction
<head>
<script>
function fct() {
if (document.getElementById('$c').checked)
document.getElementById('$d').disabled = true;
else
document.getElementById('$d').disabled = false;
}
</script>
</head>
 
partie formulaire php
 
for ($i=0;$i<$nb;$i++)
{
echo "<INPUT type=radio name='availability".$i."' value='Y'>Yes";
echo "<INPUT type=radio name='availability".$i."' value='N'>No";
$c = 'check'.$i;
echo "<INPUT type=radio id='$c' name='availability".$i."' value='not applicable' onClick='fct();' >not applicable</td>\n";
$d = 'text'.$i;
echo "<INPUT TYPE='text' id='$d' name='code'>";
echo "<br>";
}

est ce que qlq 1 a une idée

Merci d'avance

**Ikonic** · 23/05/2007, 17h06

salut,

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
//fonction
<head>
<script>
function fct(first,second) {
if (document.getElementById(first).checked)
document.getElementById(second).disabled = true;
else
document.getElementById(second).disabled = false;
}
</script>
</head>
 
partie formulaire php
 
for ($i=0;$i<$nb;$i++)
{
echo "<INPUT type=radio name='availability".$i."' value='Y'>Yes";
echo "<INPUT type=radio name='availability".$i."' value='N'>No";
$c = 'check'.$i;
$d = 'text'.$i;
echo "<INPUT type=radio id='$c' name='availability".$i."' value='not applicable' onClick="fct('$c','$d');" >not applicable</td>\n";
echo "<INPUT TYPE='text' id='$d' name='code'>";
echo "<br>";
}

**fat** · 23/05/2007, 17h25

je viens de tester ton code mais ca marche pas

**fat** · 23/05/2007, 17h33

voila ce que j teste

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
 
 
<script>
function fct(first,second) {
if (document.getElementById(first).checked)
document.getElementById(second).disabled = true;
else
document.getElementById(second).disabled = false;
}
</script>
 
 
for ($i=0;$i<$nb;$i++)
{
echo "<INPUT type=radio name='availability".$i."' value='Y'>Yes";
echo "<INPUT type=radio name='availability".$i."' value='N'>No";
$c = 'check'.$i;
$d = 'text'.$i;
echo "<INPUT type=radio id='$c' name='availability".$i."' value='not applicable' onClick='fct(".$c.",".$d.");' >not applicable</td>\n";
echo "<INPUT TYPE='text' id='$d' name='code'>";
echo "<br>";
}

**Ikonic** · 23/05/2007, 18h00

Code :

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

onClick=\"fct('".$c."','".$d."');\"

**fat** · 24/05/2007, 09h12

Merci ca MARCHE yoooopppiii

MERCIIII

**SpaceFrog** · 24/05/2007, 09h26

Merci de poster les codes qui relèvent du php dasn le forum php ...

**fat** · 24/05/2007, 10h02

voila le code

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
 
//fonction
 
<script>
function fct(first,second) {
if (document.getElementById(first).checked)
document.getElementById(second).disabled = false;
else
document.getElementById(second).disabled = true;
}
</script>
</head>
<?php
 
echo  "	<form  method=post action='active.php'> ";
for ($i=0;$i<$nb;$i++)
{
echo "<INPUT type=radio name='availability".$i."' value='Y'>Yes";
echo "<INPUT type=radio name='availability".$i."' value='N'>No";
$c = 'check'.$i;
$d = 'text'.$i;
echo "<INPUT type=radio id='$c' name='availability".$i."' value='not applicable' onClick='fct(".$c.",".$d.");' >not applicable</td>\n";
echo "<INPUT TYPE='text' id='$d' name='code' disabled>";
echo "<br>";
}
echo "<INPUT type='submit' name ='ok' value='OK' >";
echo "</form>";

en cliquant sur le boutton not applicable ca desactive la zone texte par contre
en cliquant sur les deux autres bouttons no et yes j toujours la zone text activé ce qui est normal

en faite ce que je veux c de cliquer sur boutton : not applicable est j'active la zone texte et en cliquant sur no et yes je desactive la zone

voila le code

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
 
<script>
function fct1(first,second) {
if (document.getElementById(first).checked)
document.getElementById(second).disabled = false;
else
document.getElementById(second).disabled = true;
}
 
function fct2(first,second) {
if (document.getElementById(first).checked)
document.getElementById(second).disabled = true;
else
document.getElementById(second).disabled = true;
}
 
</script>
 
///php
for ($i=0;$i<$nb;$i++)
{
 
$c = 'check1'.$i;
$d = 'text'.$i;
$r = 'check2'.$i;
 
echo "<INPUT type=radio  id='$r'  name='availability".$i."' value='Y' onClick='fct2(".$c.",".$r.");' >Yes";
echo "<INPUT type=radio  id='$r'  name='availability".$i."' value='N'  onClick='fct2(".$c.",".$r.");'  >No";
 
echo "<INPUT type=radio id='$c' name='availability".$i."' value='not applicable' onClick='fct1(".$c.",".$d.");' >not applicable</td>\n";
echo "<INPUT TYPE='text' id='$d' name='code' disabled >";
echo "<br>";
}

je sais plus quoi faire

Désactiver une zone texte avec radio javascript

JavaScript

Discussions similaires

Partager

Partager