web-dev-qa-db-fra.com

Bouton radio vérifié la gestion des événements

Dans mon application, j'ai besoin d'un groupe radio dans lequel, chaque fois qu'un bouton radio est coché, une alerte se déclenche pour que je puisse publier sa valeur sur ajax post avec jQuery. 

Pouvez-vous m'aider s'il vous plaît comment je peux le faire dans jQuery?

jqueryradio-buttonchecked
29
tarique

Essayez quelque chose comme ça:

$(function(){
  $('input[type="radio"]').click(function(){
    if ($(this).is(':checked'))
    {
      alert($(this).val());
    }
  });
});

Si vous attribuez une classe à vos boutons radio, vous pouvez remplacer le code $('input[type="radio"]') par $('.someclass').

47
Sarfraz

Mise à jour en 2017: Hey. C'est une réponse terrible. Ne l'utilisez pas. À l'époque, ce type d'utilisation de jQuery était courant. Et cela a probablement fonctionné à l'époque. Lisez-le simplement, réalisez que c'est terrible, puis passez (ou cédez à une vote défavorable ou peu importe) à l'une des autres réponses qui sont meilleures pour jQuery d'aujourd'hui. 

$("input[type=radio]").change(function(){
    alert( $("input[type=radio][name="+ this.name + "]").val() );
});
10
David Murdoch

Le code HTML:

<input type="radio" name="theName" value="1" id="option-1">
<input type="radio" name="theName" value="2">
<input type="radio" name="theName" value="3">

Le code Javascript:

$(document).ready(function(){
    $('input[name="theName"]').change(function(){
        if($('#option-1').prop('checked')){
            alert('Option 1 is checked!');
        }else{
            alert('Option 1 is unchecked!');
        }
    });
});

Dans plusieurs radios avec le nom "theName", détecte quand l’option 1 est cochée ou décochée. Fonctionne dans toutes les situations: sur le contrôle des clics, utiliser le clavier, utiliser le joystick, changer automatiquement les valeurs par rapport à une autre fonction de calcul, etc.

4
e-info128

Vous pouvez simplement utiliser la méthode change de JQuery pour obtenir la valeur de la radio actuelle cochée avec le code suivant:

JQuery: 

$(document).on('change', '[type="radio"]', function() {
    var currentlyValue = $(this).val(); // Get the radio checked value

    alert('Currently value: '+currentlyValue); // Show a alert with the current value
});

Vous pouvez modifier le sélecteur '[type="radio"]' pour une classe ou un identifiant de votre choix.

Cordialement!

0
Radames E. Hernandez
$("#expires1").click(function(){
     if (this.checked)
        alert("testing....");
});
0
mital korat