desactiver bouton radio

**maraly** · 12/06/2008, 16h43

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tusssss** · 12/06/2008, 16h52

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**maraly** · 12/06/2008, 16h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é">

**tusssss** · 12/06/2008, 17h03

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.

**maraly** · 18/06/2008, 11h52

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tusssss** · 18/06/2008, 11h56

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.

**Bovino** · 18/06/2008, 11h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**tusssss** · 18/06/2008, 12h02

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**maraly** · 18/06/2008, 12h15

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**tusssss** · 18/06/2008, 13h07

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é...

**maraly** · 18/06/2008, 13h33

Super, ça marche!!!!

Merci à tous!

desactiver bouton radio

JavaScript

Discussions similaires

Partager

Partager