RadioButton et CheckBox

Marsh Posté le 24-01-2010 à 17:49:03

Bonjour,

J'ai un ButtonGroup qui regroupe 4 RadioButton {1,2,3,4}.
J'ai également 4 CheckBox {A,B,C,D}.

J'ai 6 onglets, et dans chaque onglet, j'ai les objets 4 RadioButton et 4 CheckBox.

Ce que je veux, c'est que lorsque je sélectionne le RadioButton 1, je coche le CheckBox A et ainsi de suite. Et cela, pour chaque onglet.

J'aimerais que mon code soit le moins redondant possible.

Existe-t-il une solution ?

Merci !

Marsh Posté le 24-01-2010 à 17:49:03

Marsh Posté le 25-01-2010 à 09:57:40

En Java ?

J'écrirai ça plutôt en Javascript, car ce sera plus rapide pour l'utilisateur.

D'abord, pour faciliter le travail, il faudrait donner des ID bien structuré à chaque élément, par exemple :
CB_T1_1 pour la check box de l'onglet (Tab en anglais) 1, qui est la numéro 1, CB_T1_2 pour la check box de l'onglet 1, qui est la numéro 2, etc.

Ensuite, on utilisera le fait que Javascript est un langage interprété, et donc que l'on peut construire le nom des variables au moment de l'exécution :
macheckbox = document.getElementById("CB_"+tab_no+"_"+bt_no);

Ensuite, on applique la propriété checked.

Enfin, on appel la fonction sur un onChange du radio button.

Par exemple, pour un onglet :

</html>
<head>
<script language="javascript">
function change_CB(no_tab, no_cb)
{
var current_cb = document.getElementById("CB_"+no_tab+"_"+no_cb);
current_cb.checked = true;
return true;
}
</script>
</head>
<body>
<form>
<input type="radio" name="RB_1" value="1" onclick="change_CB(1,1)">
<input type="radio" name="RB_1" value="2" onclick="change_CB(1,2)">
<input type="radio" name="RB_1" value="3" onclick="change_CB(1,3)">
<input type="radio" name="RB_1" value="4" onclick="change_CB(1,4)">
<p>
<input type="checkbox" id="CB_1_1" value="A">
<input type="checkbox" id="CB_1_2" value="B">
<input type="checkbox" id="CB_1_3" value="C">
<input type="checkbox" id="CB_1_4" value="D">
</form>
</body>
</html>

Message édité par olivthill le 25-01-2010 à 09:58:14

Marsh Posté le 31-01-2010 à 15:01:15

Merci beaucoup

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *