Tuesday, September 19, 2017
Desarrollo Web, jQuery

Iterar con JQuery sobre una tabla

>helibertoarias helibertoarias
enero 26, 2013

En el siguiente post encontraremos como iterar sobre una tabla y acceder a los valores seleccionados sobre los controles que se encuentren en cada celda. Para este ejemplo se tiene la siguiente tabla :

Tabla para iterar con JQuery

El ejercicio consiste en que hay un listado de valores, en la primera fila de datos se encuentra un registro denominado “Principal” y en la filas posteriores registros secundarios. En la columna 2 se encuentran unas listas desplegables las cuales se habilitan o deshabilitan si el checkbox de la columna 3 esta activo o no.

Lo que se quiere es que al hacer check en el checkbox se active para seleccionar una opción de la lista y al quitar el check se borre la selección previa de la lista desplegable y que ademas se deshabilite. Adicionalmente se quiere que al escoger una opción en el select esta misma se aplique para las demás listadas desplegables si y solo si la fila en la que se realizó la selección es la fila primaria y si las filas secundarias tienen activado el checkbox. Para darle solución a este ejemplo hipotético se uso JQuery 1.9 , comparto el código html, estilos y javascript usados.

 

 

 

 

 

 

Para este ejemplo las de funciones de Jquery usadas fueron:

closest

find

change

removeAttr

addClass

removeClass

 

(Visitado 369 veces, 1 visitas hoy)
Heliberto Arias
Mi nombre es Heliberto Arias y vivo en Barranquilla, Colombia. Soy desarrollador de software. He estado en el desarrollo de software desde el 2007. Cree este blog en 2013 para compartir lo que voy aprendiendo cada año, en el escribo de tecnologías Microsoft principalmente en C# (y aunque he usado VB declaro que lo detesto) y SQL Server desarrollado aplicaciones y servicios web entre otros.Me gustaría mucho si te suscribes a mis redes en Youtube, Google+, Twitter, e Instagram.

Comments

No comments found!

Leave a Comment

Your email address will not be published.

uno × 3 =

Login
Remember me
Lost your Password?
Password Reset
Login