Discussion :

[phanoulevoyou]

Bonjour,
petite question simplissime pour vous les experts, je cherche à simplifier mon code.
Je souhaite lors de l'ouverture de ma page ou lorsque je la remets à zéro, mettre tous les "radio" en "checked = false".

Pour cela j'utilise simplement le code suivant :

Code :

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

1
2
3
document.getElementById("rad1").checked = false;
document.getElementById("rad2").checked = false;
document.getElementById("rad3").checked = false;

Ma question, suis-je obligé de mettre un id pour chaque input ?
Comment je peux récupérer mon "type=radio" et le faire passer en checked sans répéter mes lignes de code ?

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<div class="question">
Quelle est la couleur du cheval blanc d Henri 4 ? <br/>
		<input type="radio" name="quest3" value="rad1" id="rad1"/>
			<label>Violet</label><br/>
		<input type="radio" name="quest3" value="rad2" id="rad2"/>
			<label>Bleu</label><br/>
		<input type="radio" name="quest3" value="rad3" id="rad3"/>
			<label>Blanc</label><br/>
		<input type="submit" id="vrai3" value="Valider" onclick="vrai3()"/>	
		<span id="vraiQ3"></span><br/>
</div>

idem pour le code suivant :

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
function vrai3(){
	if (document.getElementById("rad3").checked==true) {
		document.getElementById("vraiQ3").innerHTML = "Bonne réponse.";
		document.getElementById("vraiQ3").style.color = "green";
		leCompteur.innerHTML = i++;
		document.getElementById("rad1").disabled = "disabled";
		document.getElementById("rad2").disabled = "disabled";
		document.getElementById("rad3").disabled = "disabled";
	}else{
		document.getElementById("rad1").disabled = "disabled";
		document.getElementById("rad2").disabled = "disabled";
		document.getElementById("rad3").disabled = "disabled";
		document.getElementById("vraiQ3").innerHTML = "Mauvaise réponse."
		document.getElementById("vraiQ3").style.color = "red";
	}
}

De quelle façon je pourrais raccourcir la taille de mon code ?

Merci de votre contribution à me faire évoluer...(débutant en herbe)