jquery - texto - como se obtiene acceso a un objeto creado de forma dinámica?

Botón de radio controlado manejo de eventos

Question

En mi aplicación, necesito un grupo de radio, en el que cada vez que se selecciona un botón de radio, se produce una alerta para que pueda publicar su valor en la publicación de ajax con jQuery.

¿Me pueden ayudar, por favor, cómo puedo hacerlo en jQuery?

Answer 1

El código 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">

El código 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!'');
}
});
});

En la radio múltiple con el nombre "theName", detectar cuando la opción 1 está marcada o no seleccionada. Funciona en todas las situaciones: al hacer clic en el control, usar el teclado, usar el joystick, cambiar automáticamente los valores de otras funciones dinámicas, etc.

Answer 2

Pruebe algo como esto:

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

Si asigna una clase a los botones de su radio, puede reemplazar el código $(''input[type="radio"]'') por $(''.someclass'') .

Answer 3

Simplemente puede usar el change de método de JQuery para obtener el valor de la radio actual marcada con el siguiente código:

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

Puede cambiar el selector ''[type="radio"]'' para una clase o id que desee.

¡Saludos!

Answer 4

Actualización en 2017: Hey. Esta es una respuesta terrible. No lo uses En los viejos tiempos, este tipo de uso de jQuery era común. Y probablemente funcionó en ese entonces. Solo léelo, date cuenta de que es terrible, luego continúa (o declina o, lo que sea) a una de las otras respuestas que son mejores para jQuery de hoy.

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