Как показано на картинке:
Реализация кнопки Select All:
Кода -копия выглядит следующим образом:
<input type = "fackbox" name = "all" onclick = "checkall ()" /> Выберите все <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "item" value = "3000" /> Ноутбук: 3000 Юань <br />
<input type = "fackbox" name = "all" onclick = "checkall ()" /> Выберите все <br />
<input type = "button" value = "Получить общую сумму" onclick = "getSum ()" />
<span id = "sum"> </span>
Последний тег SPAN используется для хранения области, которая отображает общую сумму.
Код, который реализует две функции «Select All», - это:
Кода -копия выглядит следующим образом:
Функция checkall ()
{
// var allNode = document.getElementsbyname ("all") [0];
// Получить элемент щелчка
var allnode = event.srcelement;
var item = document.getElementsbyname ("item");
для (var x = 0; x <item.length; x ++)
{
item [x] .Checked = allNode.Checked;
}
}
Event.srcelement реализует приобретение кнопки события ответа.
Для цикла изменяется проверенное свойство для каждой коробки с несколькими проверками.
Метод расчета общей суммы:
Кода -копия выглядит следующим образом:
функция getSum ()
{
var item = document.getElementsbyname ("item");
var sum = 0;
для (var x = 0; x <item.length; x ++)
{
if (item [x].
{
sum+= parseint (item [x] .value);
}
}
var spannode = document.getElementbyId ("sum");
spannode.innerhtml = (sum+"meta"). fontsize (7);
}
Добавляет значения значения всех выбранных флажков.