Javascript 比较JS中的输入值

我有一个

在循环中

 <%for (i=0;i<10;i++){%>
 <input type="text" name="value"/>
 <%}%>
 <input type="button" name="submit">

---

为了scope的缘故，将所有内容都包装在一个div中

<div id="inputs">
  // Your code
</div>

延续@Margg的回答：

$("form").submit(function () {
   total = 0;
   $("#inputs input").each(function(){
     total += parseInt($(this).val());
   });
   alert("You have a total value of" + total);
   if(total > 100){
     alert("It's more than 100, I should do something here");
     return false;
   }
});

要给出正确的JavaScript答案，请执行以下操作：

获取对您的表单的引用：

var form = document.getElementById('formId');

为提交事件绑定事件处理程序，例如：

form.onsubmit = function() {...};

在句柄内部，获取对所有输入元素的引用，这些元素的名称为
value
：

var inputs = this.elements['value'];

迭代元素并求其值之和：

var sum = 0;
for(var i = 0, len = inputs.length; i < len; i++) {
    sum += +inputs[i].value;
}


完整示例：

var form = document.getElementById('formId');

form.onsubmit = function() {
    var inputs = this.elements['value'],
        sum = 0, i, len;

    for(i = 0, len = inputs.length; i < len; i++) {
        sum += +inputs[i].value;
    }

    if(sum > 100) {
        return false;
    }
};

var form=document.getElementById（'formId'）；
form.onsubmit=函数（）{
var inputs=this.elements['value']，
总和=0，i，len；
对于（i=0，len=inputs.length；i100）{
返回false；
}
};
您到底有什么问题@FelixKling如果他使用的是js，那么他可以使用jQuery。将它添加到项目中从来都不是一件坏事，如果他不能使用jQuery，他会在这里发表评论。imho
e.preventDefault（）
比
return false
if(sum > 100) {
    return false;
}

var form = document.getElementById('formId');

form.onsubmit = function() {
    var inputs = this.elements['value'],
        sum = 0, i, len;

    for(i = 0, len = inputs.length; i < len; i++) {
        sum += +inputs[i].value;
    }

    if(sum > 100) {
        return false;
    }
};