Bouton radio avec checkbox

Résolu/Fermé

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 - 28 juil. 2009 à 13:14
Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 - 28 juil. 2009 à 13:52

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

A voir également:

Bouton radio avec checkbox
Radio française - Télécharger - Médias et Actualité
Réinitialiser chromecast sans bouton - Guide
Écouter la radio freebox pop - Forum Freebox
Bouton reinitialisation pc - Guide
Horloge radio pilotée ne se met pas à l'heure ✓ - Forum Accessoires & objets connectés

14 réponses

Réponse 1 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:16

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 !

Réponse 2 / 14

okuni Messages postés 1221 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 juil. 2009 à 13:16

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.

Réponse 3 / 14

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 1
28 juil. 2009 à 13:19

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.

Réponse 4 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:21

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

Réponse 5 / 14

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 1
28 juil. 2009 à 13:26

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 ?

Réponse 6 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:26

Lol, oui, le miens ^^ mais il est pas en ligne :p

Réponse 7 / 14

okuni Messages postés 1221 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 2 janvier 2014 126
28 juil. 2009 à 13:28

C'est assez bien utilisé comme technique, tu devrais facilement trouver un tuto sur le net. :)

Réponse 8 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:31

Tiens, si tu veux un exemple :
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";

Réponse 9 / 14

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 1
28 juil. 2009 à 13:32

Merci beaucoup

Réponse 10 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:32

De rien, sa te fera 45€ :)

Réponse 11 / 14

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 1
28 juil. 2009 à 13:36

;-)

Réponse 12 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:45

Tien, je t'ai même maché le travail :

<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 ^^

Réponse 13 / 14

narabinor Messages postés 53 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 11 septembre 2009 1
28 juil. 2009 à 13:48

J'étais juste en train de train de terminer

Merci beaucoup c'est très sympa

Réponse 14 / 14

Heryu Messages postés 567 Date d'inscription mercredi 15 juillet 2009 Statut Membre Dernière intervention 28 juin 2016 62
28 juil. 2009 à 13:52

Ok c'est cool si tout marche ^^

J'ai edité mon post pour qu'il y est les deux boutons radio !

Discussions similaires

Comment faire une antenne radio.

Quel est la touche shift sur le clavier

ou est la touche shift sur un clavier

auto radio bloqué

retrouver un spot publicitaire radio ?