Aller au contenu

Lier deux checkbox


Gotcha

Sujets conseillés

Bonjour le hub,

Une petite question, je pense qu'elle se résoud en javascript mais vu que j'ai pas trouvé de résultat je sais pas trop où la poser :huh:

J'ai une liste de case à cocher (checkbox), avec certaines dépendantes d'autres. En simple je voudrais que si l'on coche une case "fille", la mère soit cochée automatiquement, et si l'on décoche une case "mère", les "filles" soient aussi décochées...

Si quelqu'un sait comment faire ça simplement ça m'aiderait bien.

Merci :)

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

En fait j'ai re un problème :(

Pour reprendre les éléments de mon premier message, j'arrive à activer la case mère si l'on coche une de ses filles, mais pas à décocher les filles si on décoche la mère (je sais pas si c'est clair).

Voici le formulaire (exemple hein)

<table>

<thead>
 <th></th>
 <th>Options</th>
</thead>

<tr id="option-1">
 <td><input type="checkbox" id="option1" name="refoption1" /></td>
 <td>option 1</td>
</tr>

<tr id="option-2">
 <td><input type="checkbox" id="option2" name="refoption2" /></td>
 <td>option 2</td>
</tr>

<tr id="option-3">
 <td><input type="checkbox" id="option3" name="refoption3" onclick="active('option3','option2');" /></td>
 <td>option 3 (nécessite l'option 2)</td>
</tr>

 <tr id="option-4">
 <td><input type="checkbox" id="option4" name="refoption4" onclick="active('option4','option2');" /></td>
 <td>option 4 (nécessite l'option 2)</td>
</tr>

</table>

Et le script utilisé pour cocher la case mère

function active(option, optionnecessaire)
{
if(document.getElementById(optionnecessaire).checked != 1 && document.getElementById(option).checked)
 document.getElementById(optionnecessaire).checked = 1;
}

Si vous avez une petite idée de comment faire "l'inverse"... :huh:

Modifié par Gotcha
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...