clic en el botón de radio de javascript jquery

Tengo 2 botones de radio y jquery ejecutándose.

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

Ahora, con un botón puedo configurar onClick para ejecutar una función. ¿Cuál es la forma de hacer que los botones de radio ejecuten una función cuando hago clic en uno de ellos?

Puedes usarlo .changepara lo que quieras

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

a partir de jQuery 1.3

ya no necesitas la '@'. La forma correcta de seleccionar es:

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

Si tiene sus radios en un contenedor con id = radioButtonContainerId, aún puede usar onClick y luego verificar cuál está seleccionado y, en consecuencia, ejecutar algunas funciones:

$('#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()

Esto debe ser bueno

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

Hay varias formas de hacer esto. Independientemente, se recomienda encarecidamente tener un contenedor alrededor de los botones de opción, pero también puede poner una clase directamente en los botones. Con este 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>

puede seleccionar por clase:

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

o seleccione por ID de contenedor:

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

En cualquier caso, el evento se activará al hacer clic en el botón de opción o en la etiqueta correspondiente, aunque extrañamente en el último caso (seleccionando por "#shapeList"), al hacer clic en la etiqueta se activará la función de clic dos veces por alguna razón, en menos en FireFox; seleccionar por clase no hará eso.

SetShape es una función y tiene este aspecto:

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

De esta manera, puede tener etiquetas en sus botones y puede tener varias listas de botones de opción en la misma página que hacen cosas diferentes. Incluso puede hacer que cada botón individual en la misma lista haga cosas diferentes configurando un comportamiento diferente en SetShape () según el valor del botón.

Siempre es bueno restringir la búsqueda DOM. así que es mejor usar un padre también, para que no se atraviese todo el DOM.

ES MUY RÁPIDO

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