Control con botones de radio en jquery
Iniciado por
Nello
, nov 05 2014 00:31
AUTOR PREGUNTA #1
Publicado 05 noviembre 2014 - 00:31
Soy nuevo en el desarrollo web con jquery, estoy tratando de construir una pagina con ASPX con dos controles manejados con botones de radio que deben hacer lo siguiente:
Cuando la pagina carga uno de los dos debe estar seleccionado dependiendo de un objeto de la pagina de ASPX, puede ser un id de cliente, si el id es true el boton de radio 1debe estar seleccionado sino el boton de radio 2 debe estar seleccionado.
Cuando el boton de radio 2 es pulsado oculta una tabla y cuando el boton de radio 1 es presionado muestra la tabla.
Alguien me podria decir como puedo lograr esta funcionalidad con jquery?
Cuando la pagina carga uno de los dos debe estar seleccionado dependiendo de un objeto de la pagina de ASPX, puede ser un id de cliente, si el id es true el boton de radio 1debe estar seleccionado sino el boton de radio 2 debe estar seleccionado.
Cuando el boton de radio 2 es pulsado oculta una tabla y cuando el boton de radio 1 es presionado muestra la tabla.
Alguien me podria decir como puedo lograr esta funcionalidad con jquery?
-
¿Tienes la misma pregunta? Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
#2
Publicado 05 noviembre 2014 - 19:49
primero tendrias tu html donde tendrias los radio y la tabla:
Y este seria tu jQuery:
Con eso te debe funcionar sin problemas
<input type="radio" id="radio1"> Si <input type="radio" id="radio2"> No <table border="1" id="employeeTable"> <tr><td>Esta es la tabka</td></tr> </table>
Y este seria tu jQuery:
$(document).ready(function() {
var Idcliente= <%=Idcliente%>
if (Idcliente != "") {
$('#radio1').prop('checked', 'checked'); } else { $('#radio2').prop('checked', 'checked'); } $('#radio1').click(function() { $('#employeeTable').fadeIn('fast'); }) $('#radio2').click(function() { $('#employeeTable').fadeOut('fast'); }) })
Con eso te debe funcionar sin problemas
#3
Publicado 05 noviembre 2014 - 19:49
Con esto lo puedes hacer de mejor manera en tu jQuery:
$(document).ready(function(){
$("#m").attr("checked", "checked"); });
