case à cocher

Version imprimable

11/04/2008, 12h54
verdi-verda

case à cocher

Bonjour a tous,

j'espere que je suis dans le bon forum
voici mon problème.
j'ai deux champs de saisi plus une case à cocher et je voudrais que les deux champs de saisi ne soient visibles que si la case à cocher est cochée je ne sais pas trop comment réaliser cet événement dans la ma jsp, j'utilise struts et j'ignore comment le faire !

Quelque soit la solution proposée pourriez vous me donner le code s'il vous plait

merci .

Voici un petit exemple de code après adapte le a des checkbox

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
<html>
	<head>
	<title></title>
	<SCRIPT LANGUAGE="javascript">
		function cacher(arg)
		{
		if (arg==1) 
		{
			document.getElementById('text1').style.visibility='visible'; }
		else
		{
			document.getElementById('text1').style.visibility='hidden'; }
		if (arg==2) 
		{
			document.getElementById('text2').style.visibility='visible'; }
		else 
		{
			document.getElementById('text2').style.visibility='hidden'; }
		if (arg==3)
		{
			document.getElementById('text3').style.visibility='visible'; }
		else
		{
			document.getElementById('text3').style.visibility='hidden'; }
		}
		function init() 
		{
			document.getElementById('text1').style.visibility='visible';
			document.getElementById('text2').style.visibility='hidden';
			document.getElementById('text3').style.visibility='hidden';
		}
	</SCRIPT>
	</head>
	<body onload="init()">
		<form action="" method="post">
			<p><label><input type="radio" name="b" value="1" onclick="cacher(1)"></label>&nbsp;&nbsp;&nbsp;&nbsp;<input id="text1" type="text" value="Rechercher une personne de l'administration">
			<p><label><input type="radio" name="b" value="2" onclick="cacher(2)"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="text2" type="text" value="Rechercher un professeur">
			<p><label><input type="radio" name="b" value="3" onclick="cacher(3)"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="text3" type="text" value="Rechercher un élève">
		</form>
	</body>
</html>

voici je vous transmets une portion du code dans ma jsp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<tr>
  <td >montant non déductible</td>
  <td ><html:checkbox property="mnt_non_deductible" value="false" /></td>
</tr>
<tr>
  <td >Prorata utilis&eacute</td>
  <td ><html:text property="prorata" size="20" /></td>
</tr>
 
<tr>
   <td >Montant  déductible</td>
   <td><html:text property="mnt_deductible" size="20"  /></td>
</tr>

Peut-être en testant la valeur de la variable mnt_non_deductible via le tag logic:equal :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<tr>
  <td >montant non déductible</td>
  <td ><html:checkbox property="mnt_non_deductible" value="false" /></td>
</tr>
<logic:equal name="nomDuFormBean" property="mnt_non_deductible" value="true">
   <tr>
     <td >Prorata utilis&eacute</td>
     <td ><html:text property="prorata" size="20" /></td>
   </tr>
   <tr>
      <td >Montant  déductible</td>
      <td><html:text property="mnt_deductible" size="20"  /></td>
   </tr>
</logic:equal>

11/04/2008, 16h58
verdi-verda

merci pour votre solution , je l'ai testée mais il n'y a aucun événement , et les deux champs apparaissent même si la case n'est pas cochée
11/04/2008, 17h33
ganga

C'est du JavaScript,

tu mets tes deux checkbox dans un div non visible, lors d'un clique sur la checkbox1 tu appelle uns fonction javascript qui affiche ou non le div en fonction de l'etat de la checkbox.

Bon courage
11/04/2008, 18h24
c_nvy

Citation:

Envoyé par verdi-verda

merci pour votre solution , je l'ai testée mais il n'y a aucun événement , et les deux champs apparaissent même si la case n'est pas cochée

Ah oui pardon, jai oublié de préciser qu'il fallait ajouter un évènement onclick dans le tag html:checkbox pour soumettre le formulaire si la checkbox est cochée :

Code:

<html:checkbox property="mnt_non_deductible" value="false" onsubmit="document.nomDuFormBean.submit();"/>

Sinon, si tu ne veux pas faire un aller/retour serveur, tu peux choisir la solution de nander et de ganga.;)