récupérer la valeur d'un groupe radio en utilisant jquery

Question

J'essaie d'obtenir la valeur d'un groupe de radios avec un nom. managerelradio . Mon code html pour ce groupe radio est le suivant.

 <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);

Il me montre undefined.

Bien que je l'aie aussi essayé en tant que.

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

Mais j'obtiens toujours une valeur indéfinie.

Answer 1

Essayez ceci

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

Veuillez vérifier este DEMO il fonctionnera bien

Note : L'un de vos boutons radio doit être sélectionné. Sinon, il retournera undefined

Vous pouvez utiliser checked pour qu'un bouton radio soit sélectionné par défaut.

Answer 2

Cela fonctionne pour moi

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

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

});

Exaple aquí

Answer 3

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();