比较输入值在JS

Question

我有一个<input type="text" name="value"/>在一个循环中。

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

在提交时，我需要检查的输入变量（10盒）不应超过100

值，请让我知道如何调用一个JS和发送这些10个值它和比较与100

Answer 1

要给予适当的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; 
} 

停止默认的动作，如果总和大于100：

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; 
    } 
}; 

Answer 2

裹一切都在一个div为范围的缘故

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

然后可以循环

总和

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"); 
} 

Answer 3

扩展上@ marcgg的回答是：

$("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; 
    } 
});