如何解决如何在多个文本框字段上捕获onchange事件
| HTML代码:<input type=\"text\" name=\"percentage[]\" value=\"1\"/>
<input type=\"text\" name=\"percentage[]\" value=\"2\"/>
<input type=\"text\" name=\"percentage[]\" value=\"3\"/>
我希望能够在任何\'percentage \'文本字段发生更改时通过使用JQuery捕获更改事件,并找到所有这些字段的总和。因此,如果第一个字段上的值从1更改为5,我希望能够显示\“ 10 \”。
解决方法
您也可以使用以下方式:
$(\"input[type=\'text\'][name^=\'percentage\']\").keyup(function(){
alert(sumThemUp());
});
function sumThemUp(){
var sum = 0;
$(\"input[type=\'text\'][name^=\'percentage\']\").each(function(){
sum+= parseInt($(this).val());
});
return sum;
};
jsfiddle的工作示例。
您还可以检查jQuery API,以选择可能更适合您的选择器。有很多变化,例如!=,〜=,* =等。
,假设您有另一个元素来显示总和,而没有其他输入元素,那么它将起作用:
$(\"input[type=text]\").change(function() {
// Clear the sum
$(\"#sum\").text(\"0\");
// Sum the values
$(\"input[type=text]\").each(function() {
$(\"#sum\").text( parseInt($(\"#sum\").text()) + parseInt($(this).val()))
});
});
它捕获变化的元素,然后遍历所有元素并将它们汇总。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。