Bouton radio avec checkbox
Résolu
narabinor
Messages postés
53
Date d'inscription
Statut
Membre
Dernière intervention
-
Heryu Messages postés 567 Date d'inscription Statut Membre Dernière intervention -
Heryu Messages postés 567 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai petit souci avec radio bouton et checkbox. Enfaite j'ai crée trois bouton de radio mais ce que je veux faire si je clique sur le bouton de SPA1, j'aimerais bien que j'affiche un menu avec checkbox.
Comment je peux afficher les checkbox quand je clique sur l'un de ces bouton de radio???
Merci
<input type="radio" name="choix" value="SPA1">SPA 1
<input type="radio" name="choix" value="SPA2">SPA 2
<input type="radio" name="choix" value="SPA3">SAP 3
J'ai petit souci avec radio bouton et checkbox. Enfaite j'ai crée trois bouton de radio mais ce que je veux faire si je clique sur le bouton de SPA1, j'aimerais bien que j'affiche un menu avec checkbox.
Comment je peux afficher les checkbox quand je clique sur l'un de ces bouton de radio???
Merci
<input type="radio" name="choix" value="SPA1">SPA 1
<input type="radio" name="choix" value="SPA2">SPA 2
<input type="radio" name="choix" value="SPA3">SAP 3
A voir également:
- Bouton radio avec checkbox
- Radio française - Télécharger - Médias et Actualité
- Diagnostic bouton photo - Accueil - Outils
- Bouton reinitialisation pc - Guide
- Bouton home clavier ✓ - Forum PC portable
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
14 réponses
Désole mais rien compris... Un peu plus de détails ? Qu'est qu'il se passerait exactement si tu click sur SPA 1 ?
Edit : Ah ok, compris !
Avec une div en css que tu caches dès le début du code peut-être... Et qui réapparait lorsque tu click sur tel ou tel bouton !
Edit : Ah ok, compris !
Avec une div en css que tu caches dès le début du code peut-être... Et qui réapparait lorsque tu click sur tel ou tel bouton !
Tu dois utiliser le Javascript.
avec un onclick, tu affiches tes checkbox.
Malheureusement je ne peux pas t'aider d'avantage car je ne m'y connais pas beaucoup en JS.
avec un onclick, tu affiches tes checkbox.
Malheureusement je ne peux pas t'aider d'avantage car je ne m'y connais pas beaucoup en JS.
Comme vous voyez j'ai trois bouton de radio et dans le bouton SPA1 j'ai des boutons de checkbox. Mais j'aimerais que les checkbox affiche si j'ai choisi le SPA1.
Oui oui compris, comme je te disais, crée une class CSS genre #SPA1{ } qui sera automatiquement caché, et crée une div qui aura la class SPA1 et qui sera donc caché également avec toutes tes checkbox ! Et tu la fait réaparraitre avec un onclick sur ton bouton radio !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci beaucoup je vais essayer de résoudre le problème
Et par hasard tu connais un site qui a déjà utiliser ce technique ?
Et par hasard tu connais un site qui a déjà utiliser ce technique ?
Tiens, si tu veux un exemple :
Dans <head> :
Dans <body> :
Sur un de tes boutons, pour appeler la div :
Dans <head> :
#SPA1 {
display: none;
}
Dans <body> :
<div id="SPA1">ton contenu, soit, tes checkbox</div>
Sur un de tes boutons, pour appeler la div :
document.getElementById("SPA1").style.display="block";
Tien, je t'ai même maché le travail :
Ca peut toujours servir pour d'autres ^^
<html>
<head>
<style type="text/css">
#SPA1 {
display: none;
}
#SPA2 {
display: none;
}
</style>
<script type="text/javascript">
function decacher1() {
document.getElementById("SPA1").style.display="block";
document.getElementById("SPA2").style.display="none";
}
function decacher2() {
document.getElementById("SPA1").style.display="none";
document.getElementById("SPA2").style.display="block";
}
</script>
</head>
<body>
<input type="radio" id="sp1" name="sp1" onClick="decacher1();">
<div id="SPA1">Série Checkbox SPA1</div>
<br/>
<input type="radio" id="sp1" name="sp1" onClick="decacher2();">
<div id="SPA2">Série Checkbox SPA2</div>
</body>
</html>
Ca peut toujours servir pour d'autres ^^