Tengo una tabla HTML que tiene n filas y cada fila contiene un botón de radio en la fila.Usando jQuery, ¿cómo puedo ver estos botones de opción para verificar cuál está marcado?jQuery: colocando todos los botones de opción dentro de una tabla HTML
Respuesta
$('#table tbody tr input[type=radio]').each(function(){
alert($(this).attr('checked'));
});
HTH.
$('.my-radio-class:checked')
¿Quieres procesar todos los botones de radio o usted necesita solamente las controladas queridos? En este último caso, es bastante fácil:
$('table input:radio:checked')
+1. La búsqueda de Afaik jQuery va de derecha a izquierda, por lo que todo el 'thead tr td' es innecesario si la única condición es que deben estar en una tabla. Y ': radio' y': checked' son los selectores más 'elegantes' en este caso. – Alec
$("table tr input[type=radio]:checked");
Hay muchas maneras de hacerlo, por ejemplo, usando .each
y el método .is
recorrido:
$("table tbody tr td input[name=something]:radio").each(function() {
if($(this).is(":checked")) {
$(this).closest("tr").css("border", "1px solid red");
} else {
// do something else
}
});
Daré +1 si me puede decir si está bastante garantizado que todos los navegadores (compatibles con jQuery) inserten de manera confiable un '
' perdido. – user113716@patrick - No, ese no es el caso. Lo que significa que mi selector está roto algunas veces. Lo que significa que voy a editar esta respuesta ahora. Maldita sea, pero gracias, debería prestar más atención a mis propias respuestas en el futuro :) – karim79
Gracias por la respuesta. +1 para la respuesta corregida. – user113716
var checked = $('#table :radio:checked');
//get the checked radio input, put more specificity in the selector if needed
var $checkedRadio = $("input[type=radio]:checked");
//if you want the value of the checked radio...
var checkedRadioVal = $checkedRadio.val();
para recorrer todos la radio controlada botones de radio, también se puede hacer esto:
$('input:radio:checked').each(function() {
//this loops through all checked radio buttons
//you can use the radio button using $(this)
});
solución perfecta para mí. Gracias :) –
- 1. ¿Cómo agregar un grupo de radio a los botones de opción dentro de una tabla?
- 2. jQuery y grupos de botones de opción
- 3. jQuery deshabilitar todos los botones de una clase css
- 4. Inhabilitación de los botones de opción con jQuery
- 5. JavaScript Cálculos dentro de una tabla HTML
- 6. ¿Es válida una tabla html dentro de una tabla?
- 7. ¿Cómo desactivo todos los botones de entrada sin usar jQuery?
- 8. permitir a los campos de entrada si los botones de opción está marcada con jQuery
- 9. jQuery Convert Seleccione los botones de Radio?
- 10. jQuery selecciona todos los elementos dentro de elementos principales particulares
- 11. jQuery obtener todos los atributos HTML
- 12. HTML ¿Por qué los botones en los formularios envían datos?
- 13. Botones de alternar HTML
- 14. Colocando JToggleButton con JPanel dentro de una celda JTable
- 15. agrupación de botones de opción asp.net
- 16. Deshabilitar todos los enlaces dentro de IFRAME usando jQuery
- 17. Uso de "etiqueta para" en los botones de opción
- 18. Reemplazo de botones de opción con imágenes diferentes
- 19. Cómo recorrer una lista de botones de opción
- 20. cómo eliminar todos los elementos en una tabla de Lua?
- 21. ¿Es posible insertar un formulario dentro de una tabla html?
- 22. Android Spinner - ¿Cómo eliminar los botones de opción?
- 23. carriles - Los botones de opción para la recolección establece
- 24. ¿Cómo ignoro HTML al filtrar una tabla de datos jQuery?
- 25. Seleccionar todos los elementos dentro de ListView
- 26. Jquery Obtiene automáticamente los valores de todos los elementos dentro de un div
- 27. Como ir todos los botones de radio sin marcar
- 28. lista de botones de opción asp.net mvc
- 29. ¿Cómo cambio las propiedades de los botones dentro de los cuadros de botones en Qt Designer?
- 30. ¿Cómo centrar los botones de jquery ui?
'#table> tr' va a ahogarse con ciertos navegadores (Chrome/Firefox) que les gusta añadir sus propios elementos' tbody' , mientras que '#table tr' no lo hará. – karim79
@ karim79 - modificado – Sunny
También podría usar el selector ': radio' (http://api.jquery.com/radio-selector/) – Mottie