Cocher/décocher une checkbox

Fermé

DaveMo03 - 29 avril 2013 à 21:17
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 - 2 mai 2013 à 14:36

Bonjour,

Je désire faire une petite variante avec mes checkbox (rien de bien méchant), j'aimerais que lorsque ma première checkbox est coché, la deuxième se décoche et vice versa.

<fieldset data-role="controlgroup">
                        <input type="checkbox" name="Fille" id="Fille" onclick="document.getElementById('Garcon').checked='false';" class="custom" checked="checked"/>
                        <label for="Fille">Fille</label>
                        <input type="checkbox" name="Garcon" id="Garcon" onclick="document.getElementById('Fille').checked='false';" class="custom" />
                        <label for="Garcon">Garçon</label>
                    </fieldset>

Mais ça ne marche pas du tout, quelqu'un sait d'où vient le problème ?

Merci d'avance
Salutations D.

A voir également:

Cocher/décocher une checkbox
Supprimer un message whatsapp avec une seule coche - Forum iPhone
Supprimer case à cocher excel ✓ - Forum Excel
Comment cocher une case avec le clavier - Forum Clavier
Case à cocher open office - Forum LibreOffice / OpenOffice
Cocher une case - Guide

5 réponses

Réponse 1 / 5

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
29 avril 2013 à 21:21

Salut !

Utilise des radio bouton :)
Il ne peut que y avoir un radio bouton coché en même temps, donc automatiquement quand t'en coche un, les autres se décochent !

Réponse 2 / 5

DaveMo03
29 avril 2013 à 21:30

Salut Jeremy.s, décidément on ne se quitte plus ^^

Oui je suis au courant merci, mais je préfère de loin les checkboxes, et de plus ce n'est pas un choix qui m'est laissé, je dois faire de la sorte ... Oo

DaveMo03
29 avril 2013 à 21:30

Donc si tu as une quelconque idée ?... n'hésite pas

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
29 avril 2013 à 21:36

jQuery :)

Sinon, c'est pas false pour checked il me semble, mais checked également :
document.getElementById('Fille').checked='checked'

DaveMo03
29 avril 2013 à 21:44

donc tu mettrais checked = checked si la cbx doit etre checké mais également checked = checked si l'autre ne doit pas l'être ??

Je dois avoir manqué un truc là...

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
29 avril 2013 à 21:51

Ah non c'est moi qui ai loupé un truc !
Le false est juste, mais essaye sans les " " autour !

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
29 avril 2013 à 21:52

Oui pas de cote autour !
https://www.w3schools.com/jsref/prop_checkbox_checked.asp

Réponse 3 / 5

DaveMo03
30 avril 2013 à 07:59

	<script>
function check()
 {
  if(document.getElementById("Fille").checked=true)
  {
	document.getElementById("Garcon").checked=true;
	document.getElementById("Fille").checked=false;
  }
  else
  {
  <!--Garcon checked-->
	document.getElementById("Garcon").checked=false;
	document.getElementById("Fille").checked=true;
  }
 }
function uncheckGarcon()
  {
  document.getElementById("Garcon").checked=false;
  }
</script>

et la partie html

<input type="checkbox" name="Fille" onclick="check()" id="Fille" class="custom" checked="checked"/>

<input type="checkbox" name="Garcon" onclick="check()" id="Garcon" class="custom"/>

Je ne sais pas si tu vas y comprendre quelque chose, redis moi si jamais.

Merci d'avance.
D.

Réponse 4 / 5

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 avril 2013 à 15:29

T'embete pas, fais :

<input type="checkbox" name="Fille" onclick="uncheckG()" id="Fille" class="custom" checked="checked"/>

<input type="checkbox" name="Garcon" onclick="uncheckF()" id="Garcon" class="custom"/>

function uncheckG()
{
document.getElementById('Garcon').checked=false;
}

function uncheckF()
{
document.getElementById('Fille').checked=false;
}

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

DaveMo03
1 mai 2013 à 09:56

Tip tip, ca marche.

Merci ;)

DaveMo03
1 mai 2013 à 09:56

par contre je trouve pas le bouton résolu pour terminer le sujet ^^ ?

jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
2 mai 2013 à 14:36

Euh en haut ou en bas non ?

Discussions similaires

Bouton case à cocher grisé

URGENT - codes ALT + ???

problème avec "qui peut voir ma story"

Excel, agrandir les cases a cocher

cocher une case sans souris