Tutoriel jQuery : écrivez moins pour faire plus !
Partie I Chapitre 3 Sous-Chapitre 5 Exemple 2
« Récupérer les Valeurs avec
val()
dans des Formulaires Compliqués »
Modifier le code avec JSBin.com
Choix Checkbox 1
Choix Checkbox 2
Choix Checkbox 3
Select Multiple 1
Select Multiple 2
Select Multiple 3
Afficher les valeurs des formulaires
<input type="checkbox" name="choixcheck" value="Choix CheckBox 1" /> Choix Checkbox 1 <input type="checkbox" name="choixcheck" value="Choix CheckBox 2" /> Choix Checkbox 2 <input type="checkbox" name="choixcheck" value="Choix CheckBox 3" /> Choix Checkbox 3 <select id="choixmultiple" multiple="multiple"> <option>Select Multiple 1</option> <option>Select Multiple 2</option> <option>Select Multiple 3</option> </select> <br /> <button onclick="afficherFormulaires();">Afficher les valeurs des formulaires</button>
function afficherFormulaires(){ var checkbox1 = ''; $('input[name="choixcheck"]').each(function(){ checkbox1 += $(this).attr('value') +' : ' +($(this).attr('checked') == true ? '' : 'Non ') +'Cochée\n'; }); var checkbox2 = ''; $('input[name="choixcheck"]:checked').each(function(i){ checkbox2 += (i>0 ? ',' : '')+$(this).attr('value'); }); alert( ' valeurs des case à cocher sélectionnés méthode 1 :\n'+checkbox1 +'\n valeurs des case à cocher sélectionnés méthode 2 :\n'+checkbox2 +'\n valeurs des choix sélectionnés :\n'+ $('#choixmultiple').val() ); }
Utilise
jQuery
1.3.2, son plugin
Chili
2.2, les icônes
FamFamFam
ainsi que
JSBin
.
phpMyVisites | Open source web analytics
