我有一個多步驟(多頁?)表單,只要用戶按下“下一個”或“上一個”按鈕,就會通過 div 顯示和隱藏表單字段。我只想禁用第一個 div (div id="page1" class="pageform") 上的“上一個”按鈕,因為它不需要,反之亦然,最后一個 div 上的“下一個”按鈕 (div id=" page16" class="pageform")我不太確定如何解決這個問題,因為我對 JS 還很陌生,我使用了一個教程來幫助我弄清楚如何使用 JQuery 顯示和隱藏 div。<!-- PAGE 1 --><div id="page1" class="pageform"> <div class="radio"> <label for="AmountNeeded" style="display: none;">How much do you need?</label> <label><input type="radio" name="AmountNeeded" value="500" required>$100 - $500</label><br> </div> <div class="radio"> <label><input class="optradio" type="radio" name="AmountNeeded" value="1000" checked>$500 - $1000</label><br> </div> <div class="radio"> <label><input class="optradio" type="radio" name="AmountNeeded" value="2000">$1500 - $2000</label><br> </div> <div class="radio"> <label><input class="optradio" type="radio" name="AmountNeeded" value="2500">$2500 or more</label><br> </div></div><!---PAGE 2 --><div id="page2" class="pageform"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label for="Firstname">First name</label><br> <input name="Firstname" class="form-control" type="text" value="Bob" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="Lastname">Last name</label><br> <input name="Lastname" class="form-control" type="text" value="" required /> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label for="Email">Email Address</label><br> <input name="Email" class="form-control" type="email" value="[email protected]" required /> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label for="HomePhone">Home Phone</label><br> <input type="tel" class="form-control" name="HomePhone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" placeholder="Format: 123-456-7890" required> </div> </div>
如何僅在第一頁(div)上隱藏“上一個”按鈕并在最后一頁(div)上隱藏“下一個按鈕”
慕標琳琳
2021-11-18 09:44:11