Bouton désactivé si checkbox non cochée

Version imprimable

Bonjour,

je débute en javascript et ce que j'ai trouvé ne m'a pas aidé pourtant mon problème est simple. Dans le code ci-dessous il y a 1 bouton de type checkbox et 1 bouton radio. Je voudrais simplement que le bouton radio (option) ne soit activé que si la checkbox (BoutonPrincipal) est cochée. Pourriez-vous m'aider à faire le code SVP :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test</title> </head> <body> test de bouton: <br> Bouton principal : <input id="test" name="BoutonPrincipal" value="oui" type="checkbox"> <br> option <input id="option" name="Uneoption" value="option" type="radio"> </body> </html>
Je vous remercie par avance de vos réponses

04/02/2009, 14h54
E.Bzz

Bonjour et bienvenue sur Developpez.com ;)

Code:

<input id="test" name="BoutonPrincipal" value="oui" type="checkbox" onclick="document.getElementById('option').disabled = !this.checked";>

Par contre un bouton radio s'utilise rarement tout seul : il est normalement utilisé pour faire un choix parmi N (en donnant le même name aux radio qui doivent être inter-dépendants).

Dans ton cas, ça serait plutôt 2 checkbox, parce que là, tu risques de ne pas pouvoir le décocher (mais ça dépend peut être des nav) ...

A+

Tu as tout a fait raison, mais ce que je veux ce sont bien des boutons radios. Dans l'exemple que j'ai pris j'ai oublié de mettre la deuxième option. Le code que tu m'as fournis fonctionne parfaitement (et je t'en remercie), néanmoins dès que j'ai 2 boutons radios ayant le même name ce code ne me permet que de réactiver 1 seul de ses boutons. Alors...question les boutons radios doivent (peuvent)-ils avoir le même Id ? et comment faire pour les réactiver tous les 2 en cochant ma checkbox
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test</title> </head> <body> test de bouton: <br> Bouton principal : <input id="test" name="BoutonPrincipal" value="oui" type="checkbox"> <br> option 1 <input id="option" name="Uneoption" value="option1" type="radio"> <br> option 2 <input id="option" name="Uneoption" value="option2" type="radio"> </body> </html>
Merci encore de vos réponses

05/02/2009, 15h49
E.Bzz

Citation:

Envoyé par fredfaz

question les boutons radios doivent (peuvent)-ils avoir le même Id ?

Non, il n'y a pas de dérogation à l'unicité d'un id, quelque soit le type d'objet :mrgreen:

Citation:

Envoyé par fredfaz

et comment faire pour les réactiver tous les 2 en cochant ma checkbox

Et bien il suffit de dupliquer la ligne déjà donnée, et de lui faire cibler l'id du 2° radio.

EDIT : et pour ajouter les balises codes, pour rendre ton post plus lisible, c'est le bouton # de l'éditeur ...

A+