亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何僅在第一頁(div)上隱藏“上一個”按鈕并在最后一頁(div)上隱藏“下一個按鈕”

如何僅在第一頁(div)上隱藏“上一個”按鈕并在最后一頁(div)上隱藏“下一個按鈕”

慕標琳琳 2021-11-18 09:44:11
我有一個多步驟(多頁?)表單,只要用戶按下“下一個”或“上一個”按鈕,就會通過 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>
查看完整描述

1 回答

?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

當visibleDiv第一次隱藏后退按鈕時顯示它,當visibleDiv最后一次隱藏下一個按鈕時顯示它


function showDiv() {

    $(".pageform").hide();

    $(".pageform:eq(" + visibleDiv + ")").show();


    if(visibleDiv == 1 ) { // 1 or first visible div number

        $("#backbutton").hide();

    } else {

        $("#backbutton").show();

    }


    if(visibleDiv == 2 ) { // 2 or last visible div number

        $("#nextbutton").hide();

    } else {

        $("#nextbutton").show();

    }

}


查看完整回答
反對 回復 2021-11-18
  • 1 回答
  • 0 關注
  • 144 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號