EjemplosDuoc.es.tl
  Cargar input desde table
 
Esta funcionalidad permite cargar a los diferentes input que se tienen en una pagina con datos que se presentan en una tabla.

Para utilizarlo deben colocar en el class de la tabla el nombre tblListado. Luego, a cada input que quieren afectar, agregar en el class el nombre col + el numero de columna de la información. ej: col1, col2, col3, etc.

El codigo verifica el type y asigna el valor.

Hay que tener especial cuidado con los radio y checkbox, dependerá de la cantidad y sus valores, el que el código se adapte y marque como corresponda



            $(function ()
           {
                $(".tblListado tr").click(function () 
                {
                    var fila = $(this);
                    if(!fila.index())
                        return;
                    
                    var valores="";
                    var col =1;
                    $(this).children("td").each( function(index)
                    {
                        if(index == 0) // si existe un encabezado
                            return;
                       var tipo = $(".col" + col).prop("type");
                        if(tipo == "text" || tipo == "hidden" || tipo == "select-one")
                            $(".col" + col).val($(this).text());
                        else if(tipo == "checkbox")
                            $(".col" + col).prop("checked",($(this).text().toLowerCase()== "si"?true:false));
                        else if(tipo == "radio")
                        {
                            var valor = $(this).text().toLowerCase();
                            if(valor == "si")
                                $(".col" + col + "")[0].checked= true;
                            else
                                $(".col" + col + "")[1].checked= true;   
                        }
                        col++;
                    });
                 });
            }); 



 
 
   
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis