Obtener datos de una tabla HTML con un checkbox en la tabla
Publicado por Steven (1 intervención) el 30/05/2016 19:20:44
Buenas,
Estoy empezando a trabajar con javascript y con lo de las tablas de HTML
Mi pregunta es la siguiente tengo una tabla donde están los datos, y deseo pasar algunas filas de esa tabla por medio de checkbox hacia otra tabla, mi tabla donde esta la info es la siguiente, donde notaran que el evento del cambio del check llama a una funcion, es ahi donde deseo hacer la copia de la fila a la otra tabla de html, hacerlo cada vez que le den el check
nombre la tabla tablaLista, y la q recibe tablaContenedores
Aqui esta el evento
Estoy empezando a trabajar con javascript y con lo de las tablas de HTML
Mi pregunta es la siguiente tengo una tabla donde están los datos, y deseo pasar algunas filas de esa tabla por medio de checkbox hacia otra tabla, mi tabla donde esta la info es la siguiente, donde notaran que el evento del cambio del check llama a una funcion, es ahi donde deseo hacer la copia de la fila a la otra tabla de html, hacerlo cada vez que le den el check
nombre la tabla tablaLista, y la q recibe tablaContenedores
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table id="tablaLista" on class="display responsive no-footer tableScroll" cellspacing="0" width="100%">
<thead>
<tr>
<th>LISTO PARA FACTURAR</th>
<th>CONTENEDOR</th>
<th>TIPO CONTENEDOR (TAMAÑO)</th>
<th>CARGADO/VACIO</th>
<th style="display: none">CODIGO DETALLE</th>
</tr>
</thead>
<tbody>
<%
aqui esta el llamado de la tabla de la bae de datos que si los carga bien"%");
foreach (var i in _listaListaDetalles)
{ %>
<tr id="contenedor<% Response.Write(i.lidContenedor); %>">
<td class="check"><input name="chkListoFacturado" type="checkbox" onchange="javascript:Contenedorcheck(this)"/></td>
<td class="contenedor"><% Response.Write(i.lidContenedor); %></td>
<td class="tipoContenedor"><% Response.Write(i.lidTipoContenedor); %></td>
<td class="estadoCarga"><% Response.Write(i.lidEstadoCarga); %></td>
<td class="statement"><% Response.Write(i.lidStatement); %></td>
<td class="code" style="display: none"><% Response.Write(i.lidCode); %></td>
</tr>
<% } %>
</tbody>
</table>
Aqui esta el evento
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function Contenedorcheck() {
$('#tablaLista').each(function ()
{if($('input:checkbox:checked').size()) // aqui hago la validacion si esta check haga la copia de la fila
{var tds = $("#tablaLista tr:first td").length;
var trs = $("#tablaLista tr").length;
var nuevaFila = "<tr>";
for (var i; i < tds; i++)
{nuevaFila += "<td>comlumna " + (i + 1) + "Anadida con jquery</td>";
}nuevaFila += "<td>" + (trs + 1) + " columnas";
nuevaFila += "</tr>";
$("#tablaContenedores").append(nuevaFila);
};});
};Valora esta pregunta
0
