Javascript 在输入的总值达到50后，如何启用提交按钮？

我试图在字段的总值达到50后启用“提交”按钮。每个字段都有不同的数量值，第一个是5，第二个是10，第三个是25。当用户输入一个数字时，它将乘以数量，然后添加到总数中。我正在尝试启用提交按钮，一旦总数达到50。我尝试使用一个键向上功能来更改按钮的禁用值，该按钮以总数为目标，但似乎没有任何效果。我去掉了不起作用的代码，所以现在我又回到了原点

这是小提琴

HTML:

---

我想您希望在值再次低于阈值后禁用按钮：

$(document).ready(function () {

  $(".txtMult input").keyup(multInputs);
  var submitButton = $('#sbmt');
  var grandTotal = $("#grandTotal");

  function multInputs() {
      var mult = 0;
      // for each row:
      $("tr.txtMult").each(function () {
          // get the values from this row:
          var $val1 = $('.val1', this).val();
          var $val2 = 5;
          var $val3 = 10;
          var $val4 = 25;
          var $total = ($val1 * 1) * ($val2 * 1)
          $('.multTotal',this).text($total);
          mult += $total;
      });


      if(mult >= 50) {
        submitButton.removeAttr('disabled');
      } else {
        submitButton.attr('disabled', 'disabled');
      }


      grandTotal.text(mult);
  }
});

---

我想您希望在值再次低于阈值后禁用按钮：

$(document).ready(function () {

  $(".txtMult input").keyup(multInputs);
  var submitButton = $('#sbmt');
  var grandTotal = $("#grandTotal");

  function multInputs() {
      var mult = 0;
      // for each row:
      $("tr.txtMult").each(function () {
          // get the values from this row:
          var $val1 = $('.val1', this).val();
          var $val2 = 5;
          var $val3 = 10;
          var $val4 = 25;
          var $total = ($val1 * 1) * ($val2 * 1)
          $('.multTotal',this).text($total);
          mult += $total;
      });


      if(mult >= 50) {
        submitButton.removeAttr('disabled');
      } else {
        submitButton.attr('disabled', 'disabled');
      }


      grandTotal.text(mult);
  }
});

---

我认为你的逻辑是相反的；如果mult大于或等于50，不是吗？啊，我把$（“#grandTotal”）.text（mult）；在if语句上方的行中，并忘记了>后面的=符号。这个现在很好用，谢谢！我认为你的逻辑是相反的；如果mult大于或等于50，不是吗？啊，我把$（“#grandTotal”）.text（mult）；在if语句上方的行中，并忘记了>后面的=符号。这个现在很好用，谢谢！

       if (mult >= 50){
           $("#sbmt").removeAttr("disabled");
       }
       $("#grandTotal").text(mult);

$(document).ready(function () {

  $(".txtMult input").keyup(multInputs);
  var submitButton = $('#sbmt');
  var grandTotal = $("#grandTotal");

  function multInputs() {
      var mult = 0;
      // for each row:
      $("tr.txtMult").each(function () {
          // get the values from this row:
          var $val1 = $('.val1', this).val();
          var $val2 = 5;
          var $val3 = 10;
          var $val4 = 25;
          var $total = ($val1 * 1) * ($val2 * 1)
          $('.multTotal',this).text($total);
          mult += $total;
      });


      if(mult >= 50) {
        submitButton.removeAttr('disabled');
      } else {
        submitButton.attr('disabled', 'disabled');
      }


      grandTotal.text(mult);
  }
});