嗨，我正在嘗試制作一個在線參考生成器，當用戶單擊我的 html 中的三個按鈕之一時，將出現一個彈出式表單。我遇到的問題是我想一次將其限制為一個表單，因此如果用戶單擊另一個按鈕，則會出現一個警報，告訴他們關閉現有表單。
這是我的 html 顯示三個按鈕。
<div class="front-page">
<div class="grid-container">
<h1>What would you like to reference?</h1>
<button type="button1" class="button1" onclick="openForm()">
<span class="button__text">Book</span>
<span class="button__icon"></span>
<i class="fas fa-book"></i>
</button>
<button type="button1" class="button1" onclick="openFormW()">
<span class="button__text">Website</span>
<span class="button__icon"></span>
<i class="fas fa-laptop"></i>
</button>
<button type="button1" class="button1" onclick="openFormA()">
<span class="button__text">Article</span>
<span class="button__icon"></span>
<i class="far fa-file-alt"></i>
</button>
</div>
</div>
這是我的 javascript 代碼，我試圖在每個函式中呼叫 if 陳述句。
function openForm() {
if(openFormA || openFormW != null) {
alert("unable to open two forms at once, Please close existing form")
} else {
document.getElementById("bookForm").style.display = "block";
}
}
function closeForm() {
document.getElementById("bookForm").style.display = "none";
}
function openFormW() {
document.getElementById("websiteForm").style.display = "block";
}
function closeFormW() {
document.getElementById("websiteForm").style.display = "none";
}
function openFormA() {
document.getElementById("articleForm").style.display = "block";
}
function closeFormA() {
document.getElementById("articleForm").style.display = "none";
}
塊參考
uj5u.com熱心網友回復：
if(openFormA || openFormW != null)
這表示如果 openFormA 被定義為某種方式（似乎總是如此）或 openFormW 不為空，則顯示錯誤。我不認為這就是你在這里的意圖。
我認為您想要做的是遵循類似的方法，因為這個 Javascript 單選按鈕在選擇一個單選按鈕時取消選擇其他按鈕？
還有旁注。您可能不想將這些東西稱為“表單”，因為 HTML 中的表單完全是另一回事:)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/400037.html
標籤：javascript html 形式 网络