写真に示されているように：
Select Allボタンの実装は次のとおりです。
コードコピーは次のとおりです。
<入力型= "チェックボックス" name = "all" onclick = "checkall（）" />すべて<br />を選択します
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "item" value = "3000" />ラップトップ：3000 yuan <br />
<入力型= "チェックボックス" name = "all" onclick = "checkall（）" />すべて<br />を選択します
<入力型= "button" value = "合計金額を取得" onclick = "getsum（）" />
<span id = "sum"> </span>
最終的なスパンタグは、合計金額を表示する領域を保存するために使用されます。
2つの「すべての選択」関数を実装するコードは次のとおりです。
コードコピーは次のとおりです。
関数checkall（）
{
// var allnode = document.getElementsbyname（ "all"）[0];
//クリックされた要素を取得します
var allnode = event.srcelement;
var item = document.getElementsbyname（ "item"）;
for（var x = 0; x <item.length; x ++）
{
item [x] .checked = allnode.checked;
}
}
event.srcelementは、応答イベントボタンの取得を実装します。
forループは、各マルチチェックボックスのチェックされたプロパティを変更します。
総量を計算する方法は次のとおりです。
コードコピーは次のとおりです。
functiongetum（）
{
var item = document.getElementsbyname（ "item"）;
var sum = 0;
for（var x = 0; x <item.length; x ++）
{
if（item [x] .Checked）
{
sum+= parseint（item [x] .value）;
}
}
var spannode = document.getElementById（ "sum"）;
spannode.innerhtml =（sum+"meta"）。fontsize（7）;
}
選択したすべてのチェックボックスの値値を追加します。