Javascript :comment enable ou disable un champ text

**cyrilherve** · 17/09/2009, 17h25

Bonjour,
si j'ai par exemple un bouton radio du genre :

Code :

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

1
2
 
<gras><input type="text" name="montant"  maxlength="7"></gras>

et que je veux le rendre inactif avec une fonction javascript commnt je fais :

Code :

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

1
2
 
<gras>document.formulaire.montant.desabled='true'</gras> ou bien ????

merci

**SpaceFrog** · 17/09/2009, 17h40

la même faute de syntaxe que dans le tire "disabled"

**cyrilherve** · 17/09/2009, 18h04

Envoyé par SpaceFrog

la même faute de syntaxe que dans le tire "disabled"

Ok pour disabled.
voici en fait ma fonction :

Code :

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

1
2
3
4
5
6
7
8
 
function act_desact()
{
if ( document.formulaire.type_pay.value=='comptant' )
document.formulaire.montant.disabled=true;
else
document.formulaire.montant.disabled=false;
}

en fait j'ai 04 boutons d'option dans mon formulaire et je veux qu'en cliquant sur le 4 ieme dont la valeur est ' comptant ' le champ text qui au depart est desactive , s'active.
voici la partie de mon formulaire contenant les boutons d'options :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<table width="732" cellspacing="0" cellpadding="5">
<tr>
<td width="128">Type de payment</td>
</tr>
<tr>
<td width="128"><label> En compte </label><input type="radio" name="type_pay" value="en compte" ></td>
<td width="138"><label> A destination </label><input type="radio" name="type_pay" value=" à destination" ></td>
<td width="120"><label> Service </label><input type="radio" name="type_pay" value="service" ></td>
<td width="126"><label> Comptant </label><input type="radio" name="type_pay" value="comptant" onChange="act_desact()"></td>
<td width="168"><label> Montant total : </label><input type="text" name="montant" onClick="act_desact();"</td>
</tr>
</table>

mais ça ne marche pas ,,, d'ou viens le probleme ???

**SpaceFrog** · 17/09/2009, 19h46

pour javascript le value est celui de la balise pas celui du groupe de radios coché.
Mets un id au radio que tu veux tester ,et teste si il est checked avec document.getElementById

[edit]
j'oubliais un detail qui a son importance, les radios et checkboxes ont la facheuse tendance à ne pas reagir comme on le voudrait sur le onmouseup.

Oui en fait je deconseille le onchange qui oblige la perte du focus et je conseille plutot le onmouseup, mais du coup curieusement sur le onmouseup l'etat du radio ou du checkbox n'est pas encore pris en compte, il suffit d'ajouter un petit délai:

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
<script type="text/javascript">
function act_desact()
{
if ( document.getElementById('type_cpt').checked )
document.forms['formulaire'].elements['montant'].disabled=true;
else
document.formulaire.montant.disabled=false;
}
 
</script>
 
</head>
 
<body>
<form name="formulaire">
<table width="732" cellspacing="0" cellpadding="5">
<tr>
<td width="128">Type de payment</td>
</tr>
<tr>
<td width="128"><label> En compte </label><input type="radio" name="type_pay" value="en compte" onmouseup="setTimeout(function(){act_desact()},10)" ></td>
<td width="138"><label> A destination </label><input type="radio" name="type_pay" value=" à destination" onmouseup="setTimeout(function(){act_desact()},10)" ></td>
<td width="120"><label> Service </label><input type="radio" name="type_pay" value="service" onmouseup="setTimeout(function(){act_desact()},10)" ></td>
<td width="126"><label> Comptant </label><input type="radio" name="type_pay" id="type_cpt" value="comptant" onmouseup="setTimeout(function(){act_desact()},10)"></td>
<td width="168"><label> Montant total : </label><input type="text" name="montant" </td>
</tr>
</table>
</form>
</body>
 
</html>

**cyrilherve** · 18/09/2009, 09h37

Envoyé par SpaceFrog

pour javascript le value est celui de la balise pas celui du groupe de radios coché....

c'est tout simplement magic !!!! ça marche exactement comme je veux. j'ai juste ajouter

Code :

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

disabled="disabled"

pour qu'au chargement de la page ' comptant ' soit par defaut ' disabled '.... vraiment genial ,, je crois que je vais me mettre serieusement au javascript , c'est fou ce qu'on peut faire avec ...
encore merci pour tout

Javascript :comment enable ou disable un champ text

JavaScript

Vue hybride

Discussions similaires

Partager

Partager