我有一个<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 进行比较。
最佳答案
给出正确的 JavaScript 答案:
获取您的表单引用:
var form = document.getElementById('formId');
为提交事件绑定(bind)一个事件处理程序,例如:
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;
}
};
关于javascript - 比较 JS 中的输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8501992/