Liaison entre deux checkbox style Radio button

Bonjour,

J'ai deux checkbox et j'aimerais que si une est cochée l'autre soit obligatoirement décochée...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

if (document.getElementById("chercher").checked == true) {   document.getElementById("livrer").checked = false   } else {   if (document.getElementById("livrer").checked == true) {   document.getElementById("chercher").checked = false   }}

---

Cela fonctionne à moitié... la case à cocher 'chercher' fonctionne très bien si je la sélectionne, elle se sélectionne et désélectionne la checkbox 'livrer'

Par contre il m'est impossible de cocher la case 'livrer' ?????? Pour pouvoir la cocher, je dois décocher la case 'chercher' qui elle lorsque je la décoche, ne coche pas la case 'livrer' ???

Par défaut c'est la case 'livrer' qui est activée. (pour empêcher que les deux cases soient décochées !)

En résumé mon code n'est vraiment pas bon :oops::oops::oops::calim2::calim2::aie::aie:

Bonjour,

Je ne suis pas certain de tout comprendre mais je pense que vous réinventez la roue.
Pour avoir un choix parmi plusieurs options, il faut utiliser input de type radio et non checkbox.

Avec un input radio, vous n'aurez pas besoin d'ajouter le moindre javascript.

Pour faire fonctionner un input radio, il faut que toutes les options soient regroupées dans le même attribut name.

Exemple : https://codepen.io/DarkStar123456/pen/gOWJdWj

Je sais, mais mon problème est que j'ai d'autres Checkbox qui ne doivent pas rentrer en ligne de compte...

Bonjour,

Justement, c'est l'avantage, y'a juste à mettre des radios là où il faut, et des checkbox là où il faut.
Ca ne doit pas être une affaire de javascript !
D'autant qu'il suffit alors de simplement désactiver le javascript pour passer outre de toute vérification logique.

Néanmoins, juste pour l'exercice, voici une idée de comment faire : https://codepen.io/DarkStar123456/pe...W?editors=1111

C'est toujours compliqué de répondre avec des bouts de code mais en gros, l'idée, c'est qu'on doit connaitre la ou les autres options à décocher.
Ceci est représenté par la valeur assignée à var other_input = (this.id == 'livrer') ? 'chercher' : 'livrer';.

EDIT : C'est un code vite fait, juste à titre d'exemple. Il a un défaut majeur, c'est que si on click constamment sur la même checkbox, ça va switcher de l'une à l'autre

Merci :D