Cliquer sur un checkbox pour décocher les autres

**bigs3232** · 11/07/2017, 23h50

j'ai un 3 checkbox avec la même classe et j'aimerais que quand l'utilisateur clique sur l'un des boxes ,les autres boxes doivent être décochés.
le problème arrive quand il y a plusieurs itérations
j'espère être assez clair et bien sur merci pour votre aide
je voudrais un code en jquery si possible

Code :

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

1
2
3
'<input type="checkbox" title="zz" class="box" onchange="this.form.submit()">'
'<input type="checkbox" title="zz1" class="box" onchange="this.form.submit()">'
'<input type="checkbox" title="zz2" class="box" onchange="this.form.submit()">'

**andry.aime** · 12/07/2017, 06h58

Bonjour,

Pourquoi ne pas simplement utiliser des boutons radio?

A+.

**SpaceFrog** · 12/07/2017, 09h30

j'allais le dire... c'est curieux cette tendance àvouloir aller à l'encontre de l'ergonomie standard !

Les bouton radios ont cette fonctionnalité de base que lorsqu'ils portent le même name ils fonctionnent en groupe dans lequel une seul peut être coché à la fois.

**bigs3232** · 12/07/2017, 09h54

merci pour vos réponses.effectivement c'est intéressant.
mais intellectuellement c'est possible de faire avec la checbox?

**SpaceFrog** · 12/07/2017, 10h00

oui en affectant un script sur le onclick des checkboxes qui testera le checked et bouclera sur les autres pour les décocher ...

**andry.aime** · 12/07/2017, 10h18

Envoyé par SpaceFrog

j'allais le dire... c'est curieux cette tendance àvouloir aller à l'encontre de l'ergonomie standard !

Avec les mariages pour tous, qu'est ce qui t'étonne?

**eleydet** · 12/07/2017, 14h49

Bonjour,

Ci-dessous, un exemple de solution:

Code html :

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function decocher(a,b) {
        document.getElementById(a).checked=false;
        document.getElementById(b).checked=false;
      }
    </script>
  </head>
  <body>
    <input type='checkbox' id='id1' onclick='decocher("id2","id3")'>Cliquer<br>
    <input type='checkbox' id='id2' onclick='decocher("id1","id3")'>Cliquer<br>
    <input type='checkbox' id='id3' onclick='decocher("id1","id2")'>Cliquer
  </body>
</html>

**NoSmoking** · 12/07/2017, 19h27

Bonjour,

Ci-dessous, un exemple de solution :

Pas pour moi qui partage l'avis général on utilise des type="radio" ou si l'apparence ne plait pas on passe par de la customisation d'éléments neutres, mais détourner des éléments sémantiques ne me paraît vraiment pas opportun.

**dominos** · 14/07/2017, 11h52

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
function Unchecked(id) 
{
	collection = document.querySelectorAll("[id^='"+id+"']");
	co = collection.length;
	for (i = 0; i < co; i++) { 
		collection[i].checked = '';
	}
}

Code :

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

1
2
3
4
Test:
<input id="opt1" type="checkbox" onchange="Unchecked('opt');">
<input id="opt2" type="checkbox">
<input id="opt3" type="checkbox">

Bonne journée

**bigs3232** · 14/07/2017, 11h59

c'est gentil dominos.ton code sert à decocher plusieurs checkbox.ca ne réponds pas trop à mon problème avec mes box radio

**eleydet** · 15/07/2017, 08h37

Bonjour,

bigs3232 a écrit :

Code :

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

echo '<form method="post">'

Ce code est incomplet? Il manque la page à appeler, comme ci-dessous par exemple?

Code :

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

echo '<form action="resultat.php" method="post">'

Cliquer sur un checkbox pour décocher les autres

JavaScript

Vue hybride

Discussions similaires

Partager

Partager