Como se muestra en la imagen:
La implementación del botón Seleccionar todo es:
La copia del código es la siguiente:
<input type = "checkbox" name = "all" onClick = "checkall ()" /> Seleccione All <Br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "item" value = "3000" /> laptop: 3000 yuan <br />
<input type = "checkbox" name = "all" onClick = "checkall ()" /> Seleccione All <Br />
<input type = "button" value = "get la cantidad total" onClick = "getSum ()" />
<span id = "sum"> </span>
La etiqueta del tramo final se utiliza para almacenar el área que muestra la cantidad total.
El código que implementa dos funciones "seleccionar todas" es:
La copia del código es la siguiente:
función checkall ()
{
// var allNode = document.getElementsByName ("All") [0];
// Obtener el elemento hecho hecho
var allNode = Event.SrCelement;
var item = document.getElementsByName ("item");
para (var x = 0; x <item.length; x ++)
{
Elemento [x] .ecked = AllNode.ecked;
}
}
Event.srCelement implementa la adquisición del botón Evento de respuesta.
El bucle for Modifica la propiedad marcada para cada cuadro de múltiples check.
El método para calcular la cantidad total es:
La copia del código es la siguiente:
función getSum ()
{
var item = document.getElementsByName ("item");
var sum = 0;
para (var x = 0; x <item.length; x ++)
{
if (item [x] .cecked)
{
sum+= parseInt (elemento [x] .value);
}
}
var spannode = document.getElementById ("suma");
spannode.innerhtml = (suma+"meta"). FontSize (7);
}
Agrega los valores de valor de todas las casillas de verificación seleccionadas.