Trung tâm cá nhân
sách gpt4 ai đã đi

Cách ẩn nút "trước" chỉ ở trang đầu tiên (div) và ẩn nút "tiếp theo" ở trang cuối cùng (div)

In lại 作者：行者123 更新时间：2023-11-27 23:14:12 28 4
mua khóa gpt4 Nike

我有一个多步骤(多页？)表单，只要用户按下“下一步”或“上一步”按钮，表单字段就会通过 div 显示和隐藏。

我只想禁用第一个 div (div id="page1"class="pageform") 上的“上一个”按钮，因为不需要它，反之亦然，最后一个 div (div) 上的“下一个”按钮id="page16"class="pageform")

我不太确定该怎么做，因为我是 JS 的新手，我使用了一个教程来帮助我了解如何使用 JQuery 显示和隐藏 div。 



      

      
      

  


  

    

  


  

    

  


  

    

  






  

    

      

        

        
      

    


    

      

        

        
      

    

  


  

    

      

        

        
      

    

  


  

    

      

        

        
      

    


    

      

        

        
      

    


    

      

        

        
      

    

  



.........




这是我通过 div 的函数:

var visibleDiv = 0;

function showDiv() {
  $(".pageform").hide();
  $(".pageform:eq(" + visibleDiv + ")").show();
}

showDiv();

function showNext() {
  if (visibleDiv == $(".pageform").length - 1) {
    //visibleDiv = 0;
  } khác {
    visibleDiv++;
  }
  showDiv();
}

function showPrev() {
  if (visibleDiv == 0) {
    //visibleDiv = $(".mybox").length-1;
  } khác {
    visibleDiv--;
  }
  showDiv();
}

我希望第一个 div 隐藏上一个按钮，最后一个 div 隐藏下一个按钮，而不是在每个 div 上显示按钮

1 Câu trả lời

当 visibleDiv 第一次隐藏 backbutton 否则显示它，当 visibleDiv 最后一次隐藏 nextbutton 否则显示它 

function showDiv() {
    $(".pageform").hide();
    $(".pageform:eq(" + visibleDiv + ")").show();

    if(visibleDiv == 1 ) { // 1 or first visible div number
        $("#backbutton").hide();
    } khác {
        $("#backbutton").show();
    }

    if(visibleDiv == 2 ) { // 2 or last visible div number
        $("#nextbutton").hide();
    } khác {
        $("#nextbutton").show();
    }
}

关于javascript - 如何仅在第一页(div)隐藏 "previous"按钮并在最后一页(div)隐藏 "next button"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58347346/

28 4 0
Bài viết được đề xuất: c++ - 在 C++/CLI 中将托管 System::String 转换为 std::string
Bài viết được đề xuất: javascript - 刷新 Div 内容(仅限本地 .html)
Bài viết được đề xuất: javascript - 如何在 AngularJS 中的两个独立模块之间共享数据
Bài viết được đề xuất: javascript - 单击 javascript 时颜色不会正确更改
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com