jquery récupérer les valeurs de checkbox, select et radio

Pense bête à garder sous le coude pour tout ce qui est manipulation en JQuery des inputs de type checkbox, radio et autre select …

Manipuler les checkbox avec JQUERY

Comment savoir si un input checkbox d'identifiant checkBox  est coché :

// Première façon : utilisation de la propriété attr (attribut)
alert ($('#checkBox').attr('checked'));

// Deuxième façon : utilisation du sélecteur :checked
alert($('#checkBox').is(':checked'));

 L'alerte renverra true si le checkbox est coché, false sinon.

Ci dessous, je parcours tous les inputs de type checkbox qui sont cochés  et j'affiche dans la console leur identifiant  :

$("input[type='checkbox']:checked").each(
          function() {
           console.log($(this).attr('id'));
          });          
         }
    );

Manipuler les input RADIO avec JQUERY

Cocher le premier bouton radio d'un formulaire avec jquery:

$("form input:radio[0]").attr("checked","checked");

Retourne la valeur du bouton radio sélectionné dans le groupe radio de name="mongroupe".
Ne renvoie rien si aucun radio sélectionné

$('input[type=radio][name=mongroupe]:checked').attr('value'); 

Manipuler les input SELECT avec JQUERY

Sélectionner en JQuery un item particulier d'un élément de type SELECT  par son attribut "value".
Ci dessous, je sélectionne l'item de value='Marseille' dans l'input SELECT d'identifiant #element.
Utile pour pré-selectionner une valeur dans un menu déroulant.
 

Code HTML :

<SELECT id="element ">
  <OPTION VALUE="Paris">Paris</OPTION>
  <OPTION VALUE="Grenoble">Grenoble</OPTION>
  <OPTION VALUE="Marseille">Marseille</OPTION>
</SELECT>

Code JQuery :

$('#element option[value="Marseille"]').attr("selected", "selected");

source : http://jquery-howto.blogspot.com/2008/12/how-to-check-if-checkbox-is-checked.html