Discussion :

[Adren]

Bonjour

Je suis actuellement en train de réaliser un formulaire html. J'ai un bouton radio et un bouton valider. Le bouton valider envoie vers une autre page bien sur, c'est le but d'un formulaire.
Je voulais savoir si : tant que le bouton radio n'est pas coché, est il possible de griser ou d'interdire le click sur le bouton modifier? je sais que c'est possible en flash mais en html pas sur

merci d'avance

[delas]

slt

disabled sur ton bouton.

et un p'tit javascript sur ton radio onClick="document.monbouton.disabled = false"

?

[Adren]

à vrai dire je ne connais rien à javascript tu aurais un exemple pour ce que tu viens de suggérer?

[masu]

Quelque chose de ce type répond a ta question.

Code :

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

1
2
3
4
5
<form action="#" method="post">
<input type="radio" name="choix" id="choix_1" value="1" onclick="document.getElementById('submit').disabled=false"/><label for="choix_1">Oui</label>
<input type="radio" name="choix" id="choix_0" value="0" onclick="document.getElementById('submit').disabled=false"/><label for="choix_0">Non</label>
<input type="submit" id="submit" disabled="disabled" />
</form>

[masu]

Je pense qu'une "vraie" validation de formulaire serai mieu que le petit boit de code précedent.

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
function valider() {
	var flag = false;
	var message = '';
	elm1 = document.getElementById('choix_1');
	elm2 = document.getElementById('choix_0');
	if (elm1.checked || elm2.checked) {
		flag = true;
	} else {
		message += 'vous n\'avez pas selectionné de choix';
	}
	if (!flag) {
		alert(message);
	}
	return flag;
}

Code :

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

1
2
3
4
5
<form action="#" method="get" onsubmit="return valider();" name="form">
<strong>choix: </strong><input type="radio" name="choix" id="choix_1" value="1" onclick="document.getElementById('submit').disabled=false"/><label for="choix_1">Oui</label>
<input type="radio" name="choix" id="choix_0" value="0" onclick="document.getElementById('submit').disabled=false"/><label for="choix_0">Non</label><br />
<input type="submit" id="submit" /> <input type="reset" />
</form>

[Adren]

je vais regarder cela