Javascript 如果输入的数量总和为特定值（JS），则禁用按钮_Javascript_Html_Jquery

Javascript 如果输入的数量总和为特定值（JS），则禁用按钮

javascript html jquery

Javascript 如果输入的数量总和为特定值（JS），则禁用按钮,javascript,html,jquery,Javascript,Html,Jquery,给定此HTML代码： <body onload="assessSum()"> <input type="number" id="num0" min="0" max="10"> <input type="number" id="num1" min="0" max

给定此HTML代码：

<body onload="assessSum()">
        
        <input type="number" id="num0" min="0" max="10">
        <input type="number" id="num1" min="0" max="10">
        <button type="submit" id="sub">Submit</button>

</body>

您需要在输入的

change

事件上运行该函数

$（'：input'）。在（'change'，assessum）上；
函数（sum）{
var合计=0；
var最大值=5；
var bt=document.getElementById（'sub'）；
$（“输入”）。每个（（i，el）=>{
总计+=（帕塞因特（el.值）| 0）；
});
如果（总数>最大值）{
bt.disabled=true；
}否则{
bt.disabled=false；
}
}


提交

那么您的事件侦听器在哪里？你需要在换衣服时检查一下inputs@epascarello我能够为一个输入值使用事件侦听器。当我添加更多时，问题出现了。在谷歌搜索了一下之后，我选择了Jquery。不用说，这本身并没有解决问题。所以我把我的问题贴出来了。非常感谢。工作起来很有魅力。：）

function assessSum(){
    var total = 0;
    var maximum = 5;
    var bt = document.getElementById('sub');
    $.each($("input"),function(){
        total += parseInt($(this).val()) || 0;
      });
      if(total > maximum){
          bt.disabled = true;
      }
      else{
          bt.disabled = false;
      }

}