javascript jquery bouton radio cliquez sur

J'ai 2 boutons radio et jquery en cours d'exécution.

<input type="radio" name="lom" value="1" checked> first
<input type="radio" name="lom" value="2"> second

Maintenant, avec un bouton, je peux définir onClick pour exécuter une fonction. Comment faire pour que les boutons radio exécutent une fonction lorsque je clique sur l'un d'eux?

Vous pouvez utiliser .changepour ce que vous voulez

$("input[@name='lom']").change(function(){
    // Do something interesting here
});

à partir de jQuery 1.3

vous n'avez plus besoin du '@'. La bonne façon de sélectionner est:

$("input[name='lom']")

Si vous avez vos radios dans un conteneur avec id = radioButtonContainerId, vous pouvez toujours utiliser onClick, puis vérifier lequel est sélectionné et exécuter en conséquence certaines fonctions:

$('#radioButtonContainerId input:radio').click(function() {
    if ($(this).val() === '1') {
      myFunction();
    } else if ($(this).val() === '2') {
      myOtherFunction();
    } 
  });

<input type="radio" name="radio" value="creditcard" />
<input type="radio" name="radio" value="cash"/>
<input type="radio" name="radio" value="cheque"/>
<input type="radio" name="radio" value="instore"/>

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

ça devrait être bon

$(document).ready(function() {
    $('input:radio').change(function() {
       alert('ole');
    });
});

Il y a plusieurs moyens de le faire. Il est néanmoins fortement recommandé d'avoir un conteneur autour des boutons radio, mais vous pouvez également mettre une classe directement sur les boutons. Avec ce HTML:

<ul id="shapeList" class="radioList">
<li><label>Shape:</label></li>
<li><input id="shapeList_0" class="shapeButton" type="radio" value="Circular" name="shapeList" /><label for="shapeList_0">Circular</label></li>
<li><input id="shapeList_1" class="shapeButton" type="radio" value="Rectangular" name="shapeList" /><label for="shapeList_1">Rectangular</label></li>
</ul>

vous pouvez sélectionner par classe:

$(".shapeButton").click(SetShape);

ou sélectionnez par ID de conteneur:

$("#shapeList").click(SetShape);

Dans les deux cas, l'événement se déclenchera en cliquant sur le bouton radio ou sur l'étiquette correspondant, bien que curieusement dans ce dernier cas (en sélectionnant par "#shapeList"), cliquer sur l'étiquette déclenchera la fonction de clic deux fois pour une raison quelconque, à moins dans FireFox; la sélection par classe ne fera pas cela.

SetShape est une fonction et ressemble à ceci:

function SetShape() {
    var Shape = $('.shapeButton:checked').val();
//dostuff
}

De cette façon, vous pouvez avoir des étiquettes sur vos boutons et plusieurs listes de boutons radio sur la même page qui font des choses différentes. Vous pouvez même demander à chaque bouton individuel de la même liste de faire des choses différentes en définissant un comportement différent dans SetShape () en fonction de la valeur du bouton.

il est toujours bon de restreindre la recherche DOM. il vaut donc mieux utiliser un parent aussi, pour que tout le DOM ne soit pas parcouru.

C'EST TRÈS RAPIDE

<div id="radioBtnDiv">
  <input name="myButton" type="radio" class="radioClass" value="manual" checked="checked"/>
 <input name="myButton" type="radio" class="radioClass" value="auto" checked="checked"/>
</div>



 $("input[name='myButton']",$('#radioBtnDiv')).change(
    function(e)
    {
        // your stuffs go here
    });