我即將學習編程，我創建了一個練習表格來測試我的知識。該復選框允許用戶選擇他們想要的漢堡包的額外配料。在 javascript 中，我可以通過使用 getElementById 命令獲得額外的頂部值。該代碼運行完美，但我需要 for 循環遍歷所有元素。我需要用 HTML 代碼編寫的復選框索引，以便能夠在 javascript 中使用。這是我用 HTML 寫的：<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)}