web-dev-qa-db-fra.com

obtenir de la valeur du groupe radio en utilisant jquery

J'essaie d'obtenir la valeur du groupe radio portant le nom managerelradio. Mon code html pour ce groupe de radio est.

 <label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label>
 <label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label>

et Jquery pour cela est ..

    var manageradiorel = $('input[name = "managerelradio"]:checked' , '#managechildform').val();
 alert(manageradiorel);

sa me montrant non défini.

Bien que j'ai aussi essayé comme.

 var manageradiorel = $('input[name = "managerelradio"]:checked').val();
 alert(manageradiorel);

Mais je reçois toujours une valeur indéfinie.

jqueryhtmlradio-button
72
Rahul Singh

Essaye ça

var manageradiorel = $("input:radio[name ='managerelradio']:checked").val();
alert(manageradiorel);

Vérifiez s'il vous plait ceci DEMO ..il fonctionnera bien

Remarque: L'un de vos boutons radio doit être sélectionné. Sinon, il retournera non défini

Vous pouvez utiliser l'attribut checked pour créer un bouton d'option sélectionné par défaut.

133
Null Pointer

Ça marche pour moi

$('input[name="managerelradio"]').on('change', function(e) {

    var manageradiorel = e.target.value;
    alert(manageradiorel);

});

Exemple ici

16
Gowri

Une petite extension jQuery pour rendre cela un peu plus facile:

jQuery.fn.extend({
    groupVal: function() {
        return $(this).filter(':checked').val();
    }
});

// Usage:
$("input[name='managerelradio']").groupVal();

// Or even:
$("[name='managerelradio']").groupVal();
8
CupOfTea696