Ma checkbox est bien checked, mais les champs sont cachés, alors qu'ils devraient être visibles.

Version imprimable

Bonsoir,

J'ai un souci, j'ai une case à cocher label (TXT_death) lorsque je la coche elle fait apparaître la suite du formulaire.

Si je ne rempli aucune case et que je coche la case (TXT_death) et que je clique sur envoyer au retour d'erreur la case est bien cocher mais les champs sont cachés, alors qu'il ne devrait pas.

Existe-t-il une solution pour forcer par jquery que le reste du formulaire soit cocher ???

Voici la page en question : http://www.fredjaillet.com/stockage/...ion=driversadd

et le jquery
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 //TEST CHECKBOX HIDDEN INPUT NEXT $(document).ready(function() { $("#deathplace").hide(); $("#deathdate").hide(); $("#causedeath").hide(); $("#burieddate").hide(); $("#buriedplace").hide(); $("#death").change(function() { if($("#death").attr("checked")) { $("#deathplace").show(); $("#deathdate").show(); $("#causedeath").show(); $("#burieddate").show(); $("#buriedplace").show(); } else{ $("#deathplace").hide(); $("#deathdate").hide(); $("#causedeath").hide(); $("#burieddate").hide(); $("#buriedplace").hide(); } }); });

09/06/2010, 11h47
SpaceFrog
Teste les syntaxes suivantes :

Code:

if($("#death").is(":checked"))
Code:

1 2 if($("#death").val() != null)
Code:

if($("#death").val()!== undefined)

Ta fonction fonctionne parfaitement Space Frog... Un grand merci !!!:ccool:

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
 
//TEST CHECKBOX HIDDEN INPUT NEXT
	$(document).ready(function() {
		if($("#death").is(":checked")) {
			$("#deathplace").show();
			$("#deathdate").show();
			$("#causedeath").show();
			$("#burieddate").show();
			$("#buriedplace").show();
 
		}
			else{
		 $("#deathplace").hide();
			$("#deathdate").hide();
			$("#causedeath").hide();
			$("#burieddate").hide();
			$("#buriedplace").hide();
			}
		$("#death").change(function() {
			if($("#death").attr("checked")) {
			//if($("#death").is(":checked")) {
			//if($("#death").val() != null) {
			//if($("#death").val()!== undefined) {
			$("#deathplace").show();
			$("#deathdate").show();
			$("#causedeath").show();
			$("#burieddate").show();
			$("#buriedplace").show();
			}
			else{
 
			$("#deathplace").hide();
			$("#deathdate").hide();
			$("#causedeath").hide();
			$("#burieddate").hide();
			$("#buriedplace").hide();
			}
		});
 
	});