Agrupar los input radio button y acceder mediante Jquery

Para agrupar los input radio button solo es necesario ponerles el mismo "name" a cada elemtento.

Por ejemplo:

<input checked="" class="mi_radio" id="opcion1" name="test" type="radio" value="1" />

<input class="mi_radio" id="opcion2" name="test" type="radio" value="2" />

<input class="mi_radio" id="opcion3" name="test" type="radio" value="3" />

<input class="mi_radio" id="opcion4" name="test" type="radio" value="4" />

De esta manera cada que seleccionemos un radio button el check cambiara.

Ahora para obtener el valor de cada input radio con Jquery, utilizamos el siguiente codigo:



$(".mi_radio").on( "click", function() {

        var opcion = $(this).val()

});

Ahora si queremos saber si un radio button esta seleccionado utilizamos el siguiente codigo:


if($("#opcion1").is(':checked')){

     //Detecta si el primer input esta seleccionado

}
if($("#opcion2").is(':checked')){

     //Detecta si el segundo input esta seleccionado
     //El mismo codigo para los demas input radio 

}


Si queremos comparar el valor de un  radio button seleccionado, tenemos:

if($(".mi_radio:checked").val()==3){
   
     //Detecta si el valor del radio seleccionado es igual a 3   

}