desactiver bouton radio

Version imprimable

Bonjour,
J'aimerai desactiver des boutons radio si on a cocher un checkbox.
J'ai réussi à faire l'inverse, c'est à dire à desactiver des cases à cocher en fonction du bouton radio coché mais là je n'y arrive pas

J'ai essayé comme ça, mais ça ne marche pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
function accesradio()
	{
		var coche;
		for (i=0; i<document.formulaire.abstention.length; i++) 
		{
			if (document.formulaire.abstention[i].checked)
			{
				coche == true;
			}
		   else
			{
				coche == false;
			}
		}
 
		if (coche == false)
		{
			document.forms["formulaire"].elements["abstention1"].disabled=true;
		}
		else
		{
			document.forms["formulaire"].elements["abstention1"].disabled=false;
		}
	}

Code:

1
2
3
4
5
6
7
8
 
<tr>
			<td><input type="checkbox" name="abstention" value="abstention">Abstention</td>
			<td align="center"><input type="radio" name="abstention1" value="accepté" onClick="accesradio()">
			<td align="center"><input type="radio" name="abstention1" value="modifié" onClick="accesradio()">
			<td align="center"><input type="radio" name="abstention1" value="ajouté" onClick="accesradio()">
			<td align="center"><input type="radio" name="abstention1" value="contre indiqué" onClick="accesradio()">		
		</tr>

Je vous remercie d'avance

Pour désactiver tes boutons radios, il va falloir travailler sur la checkbox et non sur les boutons radios, ta fonction doit être déclenchée sur une évènement placé sur la checkbox.

Ensuite, vu que tu n'as qu'une seule checkbox, où est l'interêt d'utiliser un index pour faire tourner une boucle, ce n'est pas logique.
Code:

1 2 3 4 5 6 7 8 if(document.getElementsByName('abstention').checked) { document.forms["formulaire"].elements["abstention1"].disabled=false; } else { document.forms["formulaire"].elements["abstention1"].disabled=true; }
Il te faut quelque chose qui ressemble à ca.

J'ai pas fait le boucle au départ, et comme ça marchait pas, j'ai essayé. Mais là ça ne fonctionne toujours pas avec

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function accesradio()
	{
		if(document.getElementsByName('abstention').checked)
		{
		   document.forms["formulaire"].elements["abstention1"].disabled=false;
		}
		else
		{
		   document.forms["formulaire"].elements["abstention1"].disabled=true;
		}
	}

Code:

1
2
3
4
5
6
 
<td><input type="checkbox" name="abstention" value="abstention" onClick="accesradio()">Abstention</td>
			<td align="center"><input type="radio" name="abstention1" value="accepté">
			<td align="center"><input type="radio" name="abstention1" value="modifié">
			<td align="center"><input type="radio" name="abstention1" value="ajouté">
			<td align="center"><input type="radio" name="abstention1" value="contre indiqué">

12/06/2008, 17h03
tusssss

C'est déjà plus logique, mais il doit me manquer un bout de code pour identifier la checkbox cochée...

Quelqu'un de plus confirmé que moi viendra t'aider. Bon courage.

Comme je n'ai plus d'autres aides, et qu je n'y arrive pas en tournant le code, j'ai trouvé celui-ci sur en cherchant un peu à coté, mais il ne marche pas non plus, Au fait, il ne désactive que le premier bouton radio, et pas les restes.

Code:

1
2
3
4
5
6
7
8
9
10
function GereControle(Controleur, Controle, Masquer) 
	{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
	}

Code:

1
2
3
4
5
6
7
8
9
<table>
<tr>	
			<td><input type="checkbox" id="chkb_2" onClick="GereControle('chkb_2', 'radio1', '0');" name="abstention" value="abstention">&nbsp;<label for="chkb_1">Abstention</label></td>
			<td align="center"><input type="radio" id="radio1" name="abstention1" value="accepté">
			<td align="center"><input type="radio" id="radio1" name="abstention1" value="modifié">
			<td align="center"><input type="radio" id="radio1" name="abstention1" value="ajouté">
			<td align="center"><input type="radio" id="radio1" name="abstention1" value="contre indiqué">	
		</tr>
</table>

je ne sais pas si on ne peut pas mettre le même id pour les bouton, mais ce n'est pas logique.

Si quelqu'un trouve la faille.

Merciii

18/06/2008, 11h56
tusssss

Interdiction d'avoir plusieurs fois le même id !!!!!!!!!!!

Remets des noms d'ids différents à tes boutons radios et passe par :

getElementsByName avec abstention1 passé en paramètre.

Grace à ca tu vas obtenir un tableau contenant tes boutons radio et tu fais une boucle for pour desactiver tout tes boutons radios.
18/06/2008, 11h58
Bovino

Code:

if(document.getElementsByName('abstention').checked)

getElementsByName, comme le "s" l'indique, renvoie un tableau d'éléments, il faut ensuite indiquer lequel tu veux utiliser...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function GereControle(Controleur, Controle, Masquer) 
	{
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementsByName(Controle);
 
for(i=0;i<objControle.length;i++)
{
    if (Masquer=='1')
		objControle[i].style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle[i].disabled=(objControleur.checked==true)?false:true;
	return true;
	}
}

Ca doit donner quelque chose qui peut ressembler à ça.

Merci, c'est ce que j'ai fait et ça donne le même résultat, il n'y a que le premier bouton radio qui est desactivé.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function GereControle(Controleur, Controle, Masquer) 
	{
		var objControleur = document.getElementById(Controleur);
		var objControle = document.getElementsByName(Controle);
 
		for(i=0;i<objControle.length;i++)
		{
		    if (Masquer=='1')
				objControle[i].style.visibility=(objControleur.checked==true)?'visible':'hidden';
			else
				objControle[i].disabled=(objControleur.checked==true)?false:true;
			return true;
		}
	}

J'ai enlevé les id des radio vu qu'ici ils ne servent pas

Code:

1
2
3
4
5
6
7
8
9
<table>
<tr>	
			<td><input type="checkbox" id="chkb_2" onClick="GereControle('chkb_2', 'abstention1', '0');" name="abstention" value="abstention">&nbsp;<label for="chkb_1">Abstention</label></td>
			<td align="center"><input type="radio" name="abstention1" value="accepté">
			<td align="center"><input type="radio" name="abstention1" value="modifié">
			<td align="center"><input type="radio" name="abstention1" value="ajouté">
			<td align="center"><input type="radio" name="abstention1" value="contre indiqué">	
		</tr>
</table>

18/06/2008, 13h07
tusssss

C'est le return true qui bloque ta boucle, puisque des que la fonction trouve un return elle stoppe son execution. Il faut mettre le return true ailleurs, ou alors carrément le supprimer si il n'a aucune utilité...
18/06/2008, 13h33
maraly

Super, ça marche!!!!

Merci à tous!