第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

想在我的代碼中使用 for 循環(huán),但我不知道怎么可能

想在我的代碼中使用 for 循環(huán),但我不知道怎么可能

米脂 2023-06-15 09:58:17
我即將學(xué)習(xí)編程,我創(chuàng)建了一個(gè)練習(xí)表格來(lái)測(cè)試我的知識(shí)。該復(fù)選框允許用戶(hù)選擇他們想要的漢堡包的額外配料。在 javascript 中,我可以通過(guò)使用 getElementById 命令獲得額外的頂部值。該代碼運(yùn)行完美,但我需要 for 循環(huán)遍歷所有元素。我需要用 HTML 代碼編寫(xiě)的復(fù)選框索引,以便能夠在 javascript 中使用。這是我用 HTML 寫(xiě)的:<div class="extra"><div>                                <input  value="250" type="checkbox" name="cheese" id="cheese">                                <label for="cheese">Sajt (+250 Ft)</label>                            </div>                            <div>                                <input value="600"type="checkbox" name="meat" id="doublemeat">                                <label for="doublemeat">+Hús (+600 Ft)</label>                                                          </div>                            <div>                                <input value="250"type="checkbox" name="onion" id="onion">                                <label for="onion">Hagyma (+250 Ft)</label>                            </div>                            <div>                                <input value="450"type="checkbox" name="bacon" id="bacon">                                <label for="bacon">Bacon (+450 Ft)</label>                            </div>                            <div>                                <input value="600"type="checkbox" name="coleslaw" id="coleslaw">                                <label for="coleslaw">Coleslaw saláta (+600)</label>                            </div>                            </div>這在 javascript 中:var extra=0;if (document.getElementById("cheese").checked){    extra=extra+parseInt(cheese.value)}if (document.getElementById("doublemeat").checked){    extra=extra+parseInt(doublemeat.value)}if (document.getElementById("onion").checked){    extra=extra+parseInt(onion.value)}if (document.getElementById("bacon").checked){    extra=extra+parseInt(bacon.value)}if (document.getElementById("coleslaw").checked){    extra=extra+parseInt(coleslaw.value)}
查看完整描述

1 回答

?
夢(mèng)里花落0921

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超6個(gè)贊

您需要?jiǎng)?chuàng)建一個(gè)包含所有元素的數(shù)組,然后您可以使用 JavaScript 的reduce方法。


這是一個(gè)例子:


const elements = [

? document.getElementById("cheese"),

? document.getElementById("doublemeat"),

? document.getElementById("onion"),

? document.getElementById("bacon"),

? document.getElementById("coleslaw")

];


const extra = elements.reduce((total, element) => {

? if (element.checked) {

? ? return total + parseInt(element.value);

? }

? return total;

}, 0);

該.reduce方法將數(shù)組縮減為新值。在這種情況下,我們從 0 開(kāi)始,如果元素被選中,則返回總和 + 值。


在你的 JavaScript 中,你最好這樣做:


const elements = Array.from(document.querySelectorAll('.extra > div > input'))

這將使您不必手動(dòng)獲取所有元素。


查看完整回答
反對(duì) 回復(fù) 2023-06-15
  • 1 回答
  • 0 關(guān)注
  • 159 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)