JavaScript - Obtener datos de una tabla HTML con un checkbox en la tabla

   
Vista:

Obtener datos de una tabla HTML con un checkbox en la tabla

Publicado por Steven stevencap3@hotmail.com (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

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Obtener datos de una tabla HTML con un checkbox en la tabla

Publicado por xve (1596 intervenciones) el 30/05/2016 23:04:43
Hola Steven, perdóname antes en el chat, no me ha dado tiempo... Aquí te muestro un código de ejemplo que creo que hace lo que quieres...
http://www.lawebdelprogramador.com/codigo/JQuery/3543-Mover-una-fila-de-una-tabla-a-otra-tabla.html

Coméntame si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar