我想用帶有函數的純 Javascript 進行切換。但似乎該函數內的循環不起作用，因為它只能檢測默認狀態。當我嘗試手動設置輸入狀態時，if-else 語句起作用。但是，如果我點擊開關，什么也不會發生。我為此使用 Bootstrap 5 Beta。只要除了引導包 JS 之外不需要框架/庫/附加模塊，就可以接受任何更好的建議。這是我的切換 html 代碼：<div class="form-check form-switch mx-3"> <input class="form-check-input" type="checkbox" id="pricingSwitch"></div>這是我的 Javascript 函數：function pricingTable() { console.log("Called") var checkbox = document.getElementById('pricingSwitch') var priceMonthly = document.getElementsByClassName("price-monthly") var priceAnnual = document.getElementsByClassName("price-annual") var durationMonth = document.getElementsByClassName("duration-month") var durationYear = document.getElementsByClassName("duration-year") console.log("Pre Loop") for (var i = 0; i < priceMonthly.length; i++) { console.log(checkbox.checked) console.log(i) if (checkbox.checked == true) { priceMonthly[i].style.display = "none" priceAnnual[i].style.display = "inline-block" durationMonth[i].style.display = "none" durationYear[i].style.display = "inline-block" } else if (checkbox.checked == false) { priceMonthly[i].style.display = "inline-block" priceAnnual[i].style.display = "none" durationMonth[i].style.display = "inline-block" durationYear[i].style.display = "none" } }}
如何使用純 Javascript 檢查 Switch Bootstrap 5
米脂
2023-11-11 15:53:43
