Sé que hay muchos ejemplos, guias etc sobre como seleccionar o deseleccionar checkbox en una página web con javascript, pero pocos hacen referencia a hacer una función un poco más generica donde abarque tanto el nombre del formulario, el nombre de elementos a seleccionar y la casilla «todos» también con checkbox.
Tenemos 2 funciones javascript, una que se encarga de seleccionar todos los «checkbox» y la otra función que se encarga de verificar si permanece seleccionado nuestro checkbox que selecciona «todos»:
function checkElements(form, elementAll, elementToCheck) { var form, checkbox = form.elements[elementToCheck]; totalElements = checkbox.length; checkboxAll = form.elements[elementAll]; for(var n=0; n<totalElements; n++) { checkbox[n].checked = checkboxAll.checked; } } function checkElementAll(form, elementAll, elementCheck) { var form, counter=0; checkbox = form.elements[elementCheck]; checkboxAll = form.elements[elementAll]; totalElements = checkbox.length; for(var n=0; n<totalElements; n++) { if (checkbox[n].checked == true) counter++; } if (totalElements > counter) checkboxAll.checked = false; else checkboxAll.checked = true; }
Y un ejemplo de formulario sería algo como lo siguiente:
<form name="nombreFormulario" method="post" action-xhr="#"> <p><input type="checkbox" name="selecciona_todos" >🙂
Después de manejar varios IDEs ó editores de texto para mi trabajo diario como: Dreamweaver…
Muy interesante video sobre la obsolencia programada. [youtube QosF0b0i2f0]
Bien como el título lo dice, para mi es una lata estar cambiandome de cuentas…
Google está lanzando el plugin que permite el uso de video y voz en el…
Hoy se cierra una etapa de mi vida, un ciclo que en realidad no esperaba…