図に示すように: すべて選択ボタンの実装は次のとおりです: コードをコピーします コードは次のとおりです。 すべて選択 ;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); の値を変換します。選択されているすべてのチェックボックスの値が合計されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
