Controle des champs de formulaire

Version imprimable

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
HTML
//Structures
<input type="radio" name="structure" value="0" /><input type="radio" name="structure" value="1" />
//Postes
<input type="radio" name="poste" value="0" /><input type="radio" name="poste" value="1" />
//Remarques
<select id="remarque" name="remarque">
<option value="-1">Choisir...</option>
<option value="1">Remarque 1</option>
<option value="2">Remarque 2</option>
</select>
 
//JS
var structure = $('input:[name="structure"]').val();
if ( structure == 0 ) {
	//1. Décocher tous les champs radio name="poste"
	//2. Sélectionner la première balise option de select remarque
}

Je souhaite savoir comment :

décocher tous les champs radio name="poste"
sélectionner la première balise option de select remarque

quand la variable structure == 0 ?

Merci d'avance...

Bonsoir

La question et les codes, surtout HTML, sont bizarres ! :aie:

Un exemple de code HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
<label>Structure 1 : </label><input type="radio" name="structure" checked="checked" /><br/>
<label>Structure 2 : </label><input type="radio" name="structure" /><br/>
<br/>
<label>Poste 1 : </label><input type="radio" name="poste" /><br/>
<label>Poste 2 : </label><input type="radio" name="poste" checked="checked"/><br/>
<br/>
<select id="remarque" name="remarque">
	<option value="-1">Choisir...</option>
	<option value="1">Remarque 1</option>
	<option value="2" selected="selected">Remarque 2</option>
</select>

Un exemple de code jQuery

Si l'utilisateur choisit "Structure 2" alors tous les choix "Poste" sont désélectionnés et la première option de la liste de choix d'ID "remarque" est sélectionnée.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$("input[name='structure']").change(function(){
	if ( $("input[name='structure']").eq(1).is(":checked") ){
		$("input[name='poste']").prop("checked", false);
		$("#remarque option:first").prop("selected", true);
 
		/*
		 * On peut aussi empêcher les nouvelles modifications
		 * en rendant les contrôles inactifs
		 */
		$("input[name='poste']").prop("disabled", true);
		$("#remarque").prop("disabled", true);
	}
});

14/12/2011, 08h04
okoweb

Exact, merci.:ccool: