js は、画像と code_javascript スキルを備えたシンプルなショッピング カートを実装します。

図に示すように:

すべて選択ボタンの実装は次のとおりです:

コードをコピーします コードは次のとおりです。

すべて選択
;input type="checkbox" name ="item" value="3000" />ノートパソコン: 3,000 元
ノートパソコン: 3000 元
ノートパソコン: 3000 元
< input type ="checkbox" name="item" value="3000" />ノートパソコン: 3000 元
ノートパソコン: 3,000 元
ノートパソコン: 3,000 元
ノートパソコン: 3000 元
;ノートパソコン: 3000 元
ノートパソコン: 3000 元
<入力タイプ="checkbox" name="item" value="3000" />ノートパソコン: 3000 元
すべて選択




最後のspanタグは合計金額を表示する領域を格納するために使用されます。

2 つの「すべて選択」関数を実装するコードは次のとおりです。

コードをコピーします コードは次のとおりです。

function checkAll()

{
//var allNode = document.getElementsByName("all")[0];
//クリックされた要素を取得します
var allNode =event.srcElement;
var item = document.getElementsByName("item");
for(var x=0;x{
item[ x].checked = allNode.checked;
}
}


event.srcElement はレスポンスイベントボタンの取得を実装します。

for ループは、各複数選択ボックスの selected 属性を変更します。

合計金額の計算方法は次のとおりです:

コードをコピーします コードは次のとおりです:

function getSum()

{
var item = document.getElementsByName("item")
var sum = 0; item.length;x )
{
if(item[x].checked)
{
sum =parseInt(item[x].value)
}
}
var spanNode = document .getElementById("sum");
spanNode.innerHTML = (sum "元").fontsize(7);


の値を変換します。選択されているすべてのチェックボックスの値が合計されます。