Estoy atascado con un proyecto en el que tengo varias tablas en un jsp, cada una cuenta con su botón para Seleccionar/Deseleccionar todos los checkbox que tienen en una de sus columnas. El problema es que no consigo que solo se marquen o desmarquen de una de las tablas, no se si tengo que pasar el nombre de la tabla que veo que la función js ya lo recibe. Soy un poco torpe con el js y agradeceria la ayuda.
Les dejo un ejemplo de tabla y los métodos para evaluar la accion, seleccionar todos y deseleccionar. Están a medio desarrollo por lo que ya se que están mal, pero me gustaría saber el por qué. Seguiré trabajando en ellos.
<table id="tablaResultados" style="width:95%;" class="listado"> <thead> <tr><th colspan="9">Solicitudes de Suministro</th></tr> <tr> <td width="9%">Material</td> <td>Descripción</td> <td width="7%">Núm Doc</td> <td width="10%">Posición</td> <td width="10%">Cantidad</td> <td width="10%">Precio</td> <td width="10%">Total</td> <td width="10%">Unidad</td> <td width="5%">Seleccionar Todo Total Elementos: </td> <td align="center" style="font-weight:bold;"><span id="total2"></span></td> <td colspan="2"> </td> </tr> </tfoot> </table> ---------------------------------------- </script> //Función para evaluar si marcar o desmarcar todos function evaluar(){
if(document.posiciones.seleccionarTodosSolicitudes.checked){ //alert("Entro en seleccionar con tabla: "+$("tablaResultados")); seleccionar_todo(); } else{ // alert("Entro en DEseleccionar con tabla: "+ $("tablaResultados")); deseleccionar_todo(); } }
// Funcionalidad de marcar todos los checkbox function seleccionar_todo(){ alert(document.posiciones.tablaResultados.size); for (i=0;i<document.posiciones.tablaResultados.length;i++) if(document.posiciones.tablaResultados.elements[i].type == "checkbox") document.posiciones.tablaResultados.elements[i].checked=1 }
//Funcion de desmarcar todos los checkbox function deseleccionar_todo(){ for (i=0;i<document.posiciones.elements.length;i++) if(document.posiciones.elements[i].type == "checkbox") document.posiciones.elements[i].checked=0 }
Buenos días:
Estoy atascado con un proyecto en el que tengo varias tablas en un jsp, cada una cuenta con su botón para Seleccionar/Deseleccionar todos los checkbox que tienen en una de sus columnas. El problema es que no consigo que solo se marquen o desmarquen de una de las tablas, no se si tengo que pasar el nombre de la tabla que veo que la función js ya lo recibe. Soy un poco torpe con el js y agradeceria la ayuda.
Les dejo un ejemplo de tabla y los métodos para evaluar la accion, seleccionar todos y deseleccionar. Están a medio desarrollo por lo que ya se que están mal, pero me gustaría saber el por qué. Seguiré trabajando en ellos.
<table id="tablaResultados" style="width:95%;" class="listado">
<thead>
<tr><th colspan="9">Solicitudes de Suministro</th></tr>
<tr>
<td width="9%">Material</td>
<td>Descripción</td>
<td width="7%">Núm Doc</td>
<td width="10%">Posición</td>
<td width="10%">Cantidad</td>
<td width="10%">Precio</td>
<td width="10%">Total</td>
<td width="10%">Unidad</td>
<td width="5%">Seleccionar Todo
Total Elementos: </td>
<td align="center" style="font-weight:bold;"><span id="total2"></span></td>
<td colspan="2"> </td>
</tr>
</tfoot>
</table>
----------------------------------------
</script>
//Función para evaluar si marcar o desmarcar todos
function evaluar(){
if(document.posiciones.seleccionarTodosSolicitudes.checked){
//alert("Entro en seleccionar con tabla: "+$("tablaResultados"));
seleccionar_todo();
}
else{
// alert("Entro en DEseleccionar con tabla: "+ $("tablaResultados"));
deseleccionar_todo();
}
}
// Funcionalidad de marcar todos los checkbox
function seleccionar_todo(){
alert(document.posiciones.tablaResultados.size);
for (i=0;i<document.posiciones.tablaResultados.length;i++)
if(document.posiciones.tablaResultados.elements[i].type == "checkbox")
document.posiciones.tablaResultados.elements[i].checked=1
}
//Funcion de desmarcar todos los checkbox
function deseleccionar_todo(){
for (i=0;i<document.posiciones.elements.length;i++)
if(document.posiciones.elements[i].type == "checkbox")
document.posiciones.elements[i].checked=0
}
</script>