Comment sélectionner un bouton radio avec jQuery

Comment sélectionner un bouton radio avec jQuery

Un exemple simple pour sélectionner dynamiquement un bouton radio avec jQuery.

Un groupe de boutons radio, avec un nom = "sexe".

Male
Female
Unknown

1. Pour afficher la valeur du bouton radio sélectionné.

$('input:radio[name=sex]:checked').val();

2. Pour sélectionner un bouton radio (Homme).
The radio button is 0-based, so the ‘Male’ = ‘0’, ‘Female’ = ‘1’ and ‘Unknown’ = ‘2’.

$('input:radio[name=sex]:nth(0)').attr('checked',true);
or
$('input:radio[name=sex]')[0].checked = true;

3. Pour sélectionner un bouton radio (Femme).

$('input:radio[name=sex]:nth(1)').attr('checked',true);
or
$('input:radio[name=sex]')[1].checked = true;

4. Pour sélectionner un bouton radio (Inconnu).

$('input:radio[name=sex]:nth(2)').attr('checked',true);
or
$('input:radio[name=sex]')[2].checked = true;

5. Pour réinitialiser le bouton radio sélectionné.

$('input:radio[name=sex]').attr('checked',false);

jQuery sélectionner un exemple de bouton radio



jQuery select a radio button example







jQuery select a radio button example

Male Female Unknown