18910140161

JavaScript-如何禁用切换按钮?-堆栈溢出

顺晟科技

2022-10-19 11:28:16

138

这是我的HTML代码。

所以,当表单转到表单的最后一部分时,我试图禁用“Next按钮”,该部分具有id=“content”。但我做不到。有人能帮我吗?感谢您的时间和努力。


顺晟科技:

不是有效的jQuery选择器;的元素。您需要将此ID添加到您的ID,然后检查是否包含内容,而不仅仅是检查元素是否存在。这可以在以下内容中看到:

检查一下,只需在#content.toggle()节下面添加一行:

$(function(){
   $("#next").click(function() {
      $("#subject").toggle();
      $("#email").toggle(); 
      $("#next").click(function() {

          $("#content").toggle(); 
          $("#email").toggle(); 

      })
   })

   if ($('#content') == true){
    $('#next').prop('disabled', true);
   }
});

$(function(){});

以下是小提琴:https://jsfiddle.net/tjmcr806/

删除IF语句,因为它现在是多余的。

您可能希望在加载时切换#subject和#content,如fiddle中所示。

$(function(){
   $("#next").click(function() {
      $("#subject").toggle();
      $("#email").toggle(); 
      $("#next").click(function() {

          $("#content").toggle(); 
          $("#email").toggle(); 

      })
   })

   if ($('#content') == true){
    $('#next').prop('disabled', true);
   }
});

$(function(){});

使用attr()而不是prop(),如下所示

$(function(){
   $("#next").click(function() {
      $("#subject").toggle();
      $("#email").toggle(); 
      $("#next").click(function() {

          $("#content").toggle(); 
          $("#email").toggle(); 

      })
   })

   if ($('#content') == true){
    $('#next').prop('disabled', true);
   }
});

$(function(){});
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航