case à cocher

**verdi-verda** · 11/04/2008, 12h54

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 .

**nander** · 11/04/2008, 12h58

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

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
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>

**verdi-verda** · 11/04/2008, 14h41

voici je vous transmets une portion du code dans ma jsp

Code :

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

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>

**c_nvy** · 11/04/2008, 16h02

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

Code :

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

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>

**verdi-verda** · 11/04/2008, 16h58

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

**ganga** · 11/04/2008, 17h33

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

**c_nvy** · 11/04/2008, 18h24

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 :

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

<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.

case à cocher

Struts 1 Java

Discussions similaires

Partager

Partager