ejemplos - Averigua si el botón de opción está marcado con JQuery?

jquery ui css

Question

Puedo configurar un botón de opción para que esté bien controlado, pero lo que quiero hacer es configurar una especie de "oyente" que se active cuando se marca un botón de opción determinado.

Tomemos, por ejemplo, el siguiente código:

$("#element").click(function()
{ 
    $(''#radio_button'').attr("checked", "checked");
});

agrega un atributo marcado y todo está bien, pero ¿cómo haría para agregar una alerta? Por ejemplo, ¿aparece cuando se marca el botón de opción sin la ayuda de la función de clic?

Answer 1

$ (''. radio-button-class-name''). is (''revisado'') no me funcionó, pero el siguiente código funcionó bien:

alert($(''#radiobutton'')[0].checked)

Answer 2

... Gracias chicos ... todo lo que necesitaba era el "valor" del botón de opción marcado donde cada botón de radio del conjunto tenía una identificación diferente ...

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

funciona para mi...

Answer 3

// Verificar a través de clase

if($("input:radio[class=''className'']").is(":checked")) {
     //write your code         
}

// Verificar a través del nombre

if($("input:radio[name=''Name'']").is(":checked")) {
         //write your code         
}

// Comprobar a través de los datos

if($("input:radio[data-name=''value'']").is(":checked")) {
         //write your code         
}

Answer 4

Botón de radio generado dinámicamente Verificación de radio obtener valor

$("input:radio[name=radiobuttonname:checked").val();

Al cambiar el botón de radio dinámico

$(''input[name^="radioname"]'').change(function () {if (this.value == 2) { }else{}});

Answer 5

Como la solución de Parag arrojó un error para mí, aquí está mi solución (combinando la de David Hedlund y la de Parag):

if (!$("input[name=''name'']").is('':checked'')) {
   alert(''Nothing is checked!'');
}
else {
   alert(''One of the radio buttons is checked!'');
}

¡Esto funcionó bien para mi!

Answer 6

La solución será simple, ya que solo necesita ''escuchas'' cuando se marca un determinado botón de opción. Hazlo :-

if($(''#yourRadioButtonId'').is('':checked'')){ 
// Do your listener''s stuff here. 
}

Answer 7

Otra forma es usar prop (jQuery> = 1.6) :

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

Answer 8

Prueba esto:

    if(typeof $(''.radio-button-class-name:checked'').val() !== ''undefined''){
     // radio button is checked
    }

Answer 9

Si no desea una función de clic, use la función de cambio de Jquery

$(''#radio_button :checked'').live(''change'',function(){
alert(''Something is checked.'');
});

Esta debe ser la respuesta que estás buscando. Si está utilizando la versión de Jquery anterior a la 1.9.1, intente usarla ya que la función en vivo ha sido desaprobada.

Answer 10

Si tiene un grupo de botones de opción que comparten el mismo atributo de nombre y al enviar o algún evento que desea verificar si se ha marcado uno de estos botones de opción, puede hacerlo simplemente mediante el siguiente código:

$(document).ready(function(){
  $(''#submit_button'').click(function() {
    if (!$("input[name=''name'']:checked").val()) {
       alert(''Nothing is checked!'');
        return false;
    }
    else {
      alert(''One of the radio buttons is checked!'');
    }
  });
});

Source

jQuery API Ref

Answer 11

Tendría que vincular el evento de clic de la casilla de verificación, ya que el evento de cambio no funciona en IE.

$(''#radio_button'').click(function(){
    // if ($(this).is('':checked'')) alert(''is checked''); 
    alert(''check-checky-check was changed'');
});

Ahora, cuando cambias el estado programáticamente, también debes activar este evento:

$(''#radio_button'').attr("checked", "checked");
$(''#radio_button'').click();

Answer 12

prueba esto

    if($(''input[name="radiobutton"]:checked'').length == 0) {
        alert("Radio buttons are not checked");
    }

Answer 13

Trabajando con todo tipo de botones de radio y navegadores.

if($(''#radio_button_id'')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

Trabajando Jsfiddle Aquí

Answer 14

$("#radio_1").prop("checked", true);

Para versiones de jQuery anteriores a 1.6, use:

$("#radio_1").attr(''checked'', ''checked'');

Answer 15

$(''#element'').click(function() {
   if($(''#radio_button'').is('':checked'')) { alert("it''s checked"); }
});