Como mostrado na imagem:
A implementação do botão Selecionar All é:
A cópia do código é a seguinte:
<entrada de entrada = "caixa de seleção" name = "all" onclick = "checkall ()" /> selecione todos <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "item" value = "3000" /> laptop: 3000 yuan <r />
<entrada de entrada = "caixa de seleção" name = "all" onclick = "checkall ()" /> selecione todos <r />
<input type = "button" value = "obtenha o valor total" onclick = "getsum ()" />
<span id = "sum"> </span>
A tag de extensão final é usada para armazenar a área que exibe o valor total.
O código que implementa duas funções "selecione todas" é:
A cópia do código é a seguinte:
função checkall ()
{
// var allNode = document.getElementsByName ("All") [0];
// Obtenha o elemento clicado
var allNode = event.srcelement;
var item = document.getElementsByName ("item");
for (var x = 0; x <item.length; x ++)
{
item [x] .CHecked = allNode.Checked;
}
}
Event.srcelement implementa a aquisição do botão Evento de resposta.
O loop for modifica a propriedade verificada para cada caixa de verificação múltipla.
O método de calcular o valor total é:
A cópia do código é a seguinte:
function getUm ()
{
var item = document.getElementsByName ("item");
var sum = 0;
for (var x = 0; x <item.length; x ++)
{
if (item [x].
{
soma+= parseint (item [x] .Value);
}
}
var spannode = document.getElementById ("soma");
spannode.innerhtml = (soma+"meta"). fontsize (7);
}
Adiciona os valores de valor de todas as caixas de seleção selecionadas.