jQuery
Récupérer des valeurs en jQuery
Fiche écrite en 2013 et relue en 2026 : l’encadré en fin de fiche signale ce qui a changé depuis.
Lire ce qu’a saisi ou choisi un visiteur dans un formulaire, c’est la base de toute interaction en jQuery : la valeur d’une liste déroulante, l’état d’une case à cocher, le bouton radio sélectionné.
// Récupérer l'option sélectionné dans une balise select
$(".liste").change(function () {
var valeur = $(this).val();
});
// Sélectionner une option
$('#element option[value="Marseille"]').attr("selected", "selected");
// Récupérer l'attribut d'un checkbox
alert ($("#checkBox").prop("checked"));
alert ($("#checkBox").is(":checked"));
// Récupérer toutes les checkbox cochés
$("input[type='checkbox']:checked").each(function() {
console.log($(this).attr('id'));
});
// Cocher le premier bouton radio d'un formulaire:
$("form input:radio[0]").attr("checked","checked");
// Récupérer la valeur d'un bouton radio
$("input[type=radio][name=mongroupe]:checked").attr("value");
// Récupérer les arguments d'une URL
var url = window.location.href.slice(0,window.location.href.indexOf('html')+4);
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++){
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}