Changer valeur d'un attribut du formulaire en Javascript

**aemilia26** · 06/09/2010, 12h03

Bonjour,

Je suis un peu en galère sur mon appli ... En clair, en cliquant sur un bouton radio, une checkbox doit se griser. J'ai trouvé comment la griser, en utilisant un logic:equal, que voici :

Code :

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

1
2
3
4
5
6
7
 
<logic:equal name="APackageStandardForm" property="telDisabled" value="false">
	<input type="checkbox" name="choixTelF1" onclick="showChoixTel(1);" />
</logic:equal>
<logic:equal name="APackageStandardForm" property="telDisabled" value="true">
	<input disabled type="checkbox" name="choixTelF1" onclick="showChoixTel(1);" />
</logic:equal>

Par défaut, la propriété "telDisabled" est à false, donc le radio button s'affiche bien. Lorsque je clique sur une checkbox plus haut, j'appelle une fonction js.

Le problème est donc de changer la valeur de la propriété "telDisabled" dans une méthode en js ... Et là je sèche totalement :/

J'espère que quelqu'un pourra m'aider ...

Merci d'avance !!

**OButterlin** · 06/09/2010, 17h05

Dans la mesure où le javascript s'exécute côté client et que ton modèle est côté serveur, il va falloir envoyer l'information au serveur...
Tu peux le faire soit par ajax, soit à la prochaine soumission du formulaire.
Il faudrait faire quelque chose dans ce genre :

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
 
<html>
<head>
<script>
 
function pageLoaded()
{
    if (document.forms[0].telDisabled.value == "1")
    {
        document.forms[0].choixTelF1.disabled;
    }
}
 
function g1Changed(v)
{
    document.forms[0].telDisabled.value = v.value == "1" ? "1" : "0";
    document.forms[0].choixTelF1.disabled = document.forms[0].telDisabled.value == "1" ? true : false;
 
}
 
</script>
</head>
 
<body onload="pageLoaded()">
 
<form ...>
<input type="hidden" name="telDisabled" value="0"/>
 
Checkbox verrouillée ?
<input type="radio" name="g1" value="1" onclick="g1Changed(this)"/> Oui
<input type="radio" name="g1" value="2" onclick="g1Changed(this)"/> Non
<input type="radio" name="g1" value="3" onclick="g1Changed(this)"/> Non plus<br/>
<br/> 
Un truc dépendant <input type="checkbox" name="choixTelF1" disabled onclick=""/>
 
</form>
<body>
 
</html>

Changer valeur d'un attribut du formulaire en Javascript

Struts 1 Java

Discussions similaires

Partager

Partager