Décocher une checkbox si une autre est coché

Version imprimable

Salut,

Tout d'abord je mets ce bout de code qui marche trés bien:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript"> function choix_check (encours, fait) { encours = $(encours); // La fonction $ de la librairie scriptaculous permet de recuperer l'id de l'objet et de renvoyer plusieurs propriétés fait = $(fait); if (encours.checked && fait.checked) // Si les deux checkbox sont coché alors { alert('Une tâche est soit en cours, soit non commencé ou soit terminé. Vous ne pouvez pas cocher les deux cases.'); return false; //return false annule la derniére action, ici elle va permettre de décocher la derniere checkbox coché si les deux checkbox sont coché } } </script> //Je vous mets juste les checkbox. Les checkbox font partie d'un tableau <td align='center'><input ".$chek." type='checkbox' id=\"encours_".$i."[]\" name=\"encours_".$i."[]\" value=".$ssvalue['numsstache']." onclick=\"return choix_check('encours_".$i."[]', 'fait_".$i."[]') \"></td><td align='center'><input type='checkbox' id=\"fait_".$i."[]\" name=\"fait_".$i."[]\" value=".$ssvalue['numsstache']." onclick=\"return choix_check('encours_".$i."[]', 'fait_".$i."[]') \"></td>"; }
Ici l'utilisateur a le choix entre coché une checkbox ou non, la fonction javascript verifie si il ne coche pas les deux checkbox. Si il coche les deux checkbox alors une alert lui dit qu'il ne peut pas coché les deux checkbox et décoche la derniére case coché.

Mais en fait il serait plus pratique que si la personne coche la premiére case puis coche la deuxiéme alors on décoche la premiére case. En fait je veux reprendre le même principe que les boutons radio mais avec des checkbox.
Avez vous une idée de comment je pourrai modifier ma fonction pour arriver à ce résultat?

Cordialement Sieldev,

PS: Utiliser des boutons radio serait plus judicieux mais il m'est demandé de faire ça avec des checkbox...

Code:

1
2
encours.onclick = function(){ if (encours.checked) fait.checked = false; };
fait.onclick = function(){ if (fait.checked) encours.checked = false; };

peut-être

C'est bon, merci bigboomshakala de m'avoir éclairé. Donc voila j'ai fait ça en deux fonctions:

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
<script type="text/javascript">
 
function choix_check1 (encours, fait)
{
	var resultat1;
	encours = $(encours); // La fonction $ de la librairie scriptaculous permet une recuperer l'id de l'objet et de renvoyer plusieurs propriétés
	fait = $(fait);
 
	if(fait.checked)
	{
		fait.checked = false;
		resultat = fait.checked;
	}
	return resultat1;
}
 
 
function choix_check2 (encours, fait)
{
	var resultat2;
	encours = $(encours); // La fonction $ de la librairie scriptaculous permet une recuperer l'id de l'objet et de renvoyer plusieurs propriétés
	fait = $(fait);
 
	if(encours.checked)
	{
		encours.checked = false;
		resultat = encours.checked;
	}
 
	return resultat2;
}
</script>

Et bien sur on appel les fonctions adéquates sur chaque checkbox dans le onclick:

Code:

1
2
3
<td align='center'><input ".$chek." type='checkbox' id=\"encours_".$i."[]\" name=\"encours_".$i."[]\" value=".$ssvalue['numsstache']." onclick=\"return choix_check1('encours_".$i."[]', 'fait_".$i."[]') \">;
 
<td align='center'><input type='checkbox' id=\"fait_".$i."[]\" name=\"fait_".$i."[]\" value=".$ssvalue['numsstache']." onclick=\"return choix_check2('encours_".$i."[]', 'fait_".$i."[]') \"></td>"

29/06/2007, 10h41
bigboomshakala

est-ce que ça marche si les checkbox sont checkées en appuyant sur la barre espace ?
10/07/2007, 13h11
Sieldev

Oui c'est bon.