6
Tengo un pequeño problema con jQuery muy básico, me gustaría poder hacer clic en una celda de la tabla, y luego hacer que seleccione automáticamente el botón de radio dentro.Haga clic en td, seleccione el botón de opción en jQuery
HTML:
<table>
<tr>
<td>
1<br>
<input type="radio" name="choice" value="1">
</td>
<td>
2<br>
<input type="radio" name="choice" value="2">
</td>
<td>
3<br>
<input type="radio" name="choice" value="3">
</td>
</tr>
</table>
jQuery:
$("td").click(function() {
$(this).closest('input:radio').attr('checked',true);
});
Cualquier ayuda muy sería apreciado, gracias!
Dado que las respuestas son correctas, voy a agregar aquí que '.closest()' es para recorrer ** hacia arriba ** el árbol DOM, p. obteniendo el '
Respuesta
Usar este selector:
O usando
find
método:aquí es cómo el código debe ser similar:
Fuente
2011-01-07 11:31:56 Sarfraz
No es necesario ajustar 'this' en el constructor jQuery cuando se usa como contexto,' $ ('input: radio', this) 'es suficiente. –
¡Muchas gracias! Una cosa rápida, sin embargo, estoy cambiando la clase cuando se selecciona el botón de radio, pero esto no funciona cuando haces clic en la celda, aunque el botón de opción esté seleccionado. \t $ ("entrada td [type = de radio]") se unen ('cambio click', function() { \t \t $ ('td') removeClass ('seleccionado');.. \t \t $ (este) .parent ('td'). addClass ('selected'); \t}); – Nick
@ Box9: actualizado para evitar cualquier confusión adicional :) – Sarfraz
Trate
Fuente
2011-01-07 11:33:30
Muchas gracias :) – Nick
De nada Nick –
Intenta buscar en lugar de lo más cercano.
Fuente
2011-01-07 11:38:08
¡Gerard me has vencido por 4 minutos! arg :) –
Cuestiones relacionadas