Cocher/décocher une checkbox
DaveMo03
-
jeremy.s Messages postés 1248 Statut Membre -
jeremy.s Messages postés 1248 Statut Membre -
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.
Mais ça ne marche pas du tout, quelqu'un sait d'où vient le problème ?
Merci d'avance
Salutations D.
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.
5 réponses
-
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 !
-
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-
-
-
-
-
Oui pas de cote autour !
https://www.w3schools.com/jsref/prop_checkbox_checked.asp
-
-
<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. -
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 -