Discussion :

[tortue_22]

bonjour,

j'ai un petit bout de code pour modifier la valeur d'un label en fonction de ma checkbox.

Mais quand elle est décocher rien ne se passe

index.php

Code :

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

1
2
3
4
5
6
 
<div id='active' style='display:inline' onclick='message_checkbox();'>
 
<label>cocher pour désactiver le mail</label><input type='checkbox' name='active' id='case_active' value='1'>
 
</div>

fonction Ajax.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
	//Cette page php va permettre d'afficher une phrase
	$coche = $_POST['idCase'];
 
	if($coche==true)
	{	
		echo "<label>decocher pour activer le mail</label><input type='checkbox' name='active' id='active' value='0' checked='checked'>";
	}
	else
	{
		echo "<label>cocher pour desactiver le mail</label><input type='checkbox' name='active' id='active' value='1'>";
	}
?>

fonction.js

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
 
function message_checkbox()
{
	//On fait un teste du navigateur
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			lacheckbox = xhr.responseText;
			document.getElementById('active').innerHTML = lacheckbox;
		}
	}
	//On definie le mode du transfert de la variable vers une page php
	xhr.open("POST","Ajax_checkbox.php",true);
	//ne pas oublier ceci pour la methode POST
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	//ne pas oublier de poster les arguments
	var coche = document.formulaire_mail['active'].checked;
	if (document.formulaire_mail['active'].checked==true)
	{
		alert(coche);
		xhr.send("idCase="+coche);
	}
}

lorsqu'elle est cocher elle change le label mais rien quand elle est decoché.

[andry.aime]

Salut,
C'est normale car tu n'envoies pas la requête que si le checkbox est coché (le xhr.send dans la condition if).
Essaye d'envoyer une valeur différent selon l'état du checbox

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
var coche;
	if (document.formulaire_mail['active'].checked==true)
	{
		coche='a';
	}
else {coche='b'}
xhr.send("idCase="+coche);

Code PHP :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
	//Cette page php va permettre d'afficher une phrase
	$coche = $_POST['idCase'];
 
	if($coche=='a')
	{	
		echo "<label>decocher pour activer le mail</label><input type='checkbox' name='active' id='active' value='0' checked='checked'>";
	}
	else
	{
		echo "<label>cocher pour desactiver le mail</label><input type='checkbox' name='active' id='active' value='1'>";
	}
?>

[tortue_22]

merci pour ton aide.

tortue