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

 

0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.