我想用帶有函數(shù)的純 Javascript 進(jìn)行切換。但似乎該函數(shù)內(nèi)的循環(huán)不起作用，因?yàn)樗荒軝z測(cè)默認(rèn)狀態(tài)。當(dāng)我嘗試手動(dòng)設(shè)置輸入狀態(tài)時(shí)，if-else 語(yǔ)句起作用。但是，如果我點(diǎn)擊開(kāi)關(guān)，什么也不會(huì)發(fā)生。我為此使用 Bootstrap 5 Beta。只要除了引導(dǎo)包 JS 之外不需要框架/庫(kù)/附加模塊，就可以接受任何更好的建議。這是我的切換 html 代碼：<div class="form-check form-switch mx-3">    <input class="form-check-input" type="checkbox" id="pricingSwitch"></div>這是我的 Javascript 函數(shù)：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"        }    }}