Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery将同一类的输入值计算在一起_Jquery_Html - Fatal编程技术网

使用jQuery将同一类的输入值计算在一起

使用jQuery将同一类的输入值计算在一起,jquery,html,Jquery,Html,我需要写一个脚本来计算工作时间。我有一个表,表中有6个可能的小时数,需要在底部的字段中加在一起 HTML如下所示: <table> <tr> <td><input type="text" name="amount[]" class="countAmount"></td> <td>(...)</td> </tr> <tr> <td><input type=

我需要写一个脚本来计算工作时间。我有一个表,表中有6个可能的小时数,需要在底部的字段中加在一起

HTML如下所示:

<table>
 <tr>
  <td><input type="text" name="amount[]" class="countAmount"></td>
  <td>(...)</td>
 </tr>
 <tr>
  <td><input type="text" name="amount[]" class="countAmount"></td>
  <td>(...)</td>
 </tr>
 <tr>
  <td><input type="text" name="amount[]" class="countAmount"></td>
  <td>(...)</td>
 </tr>
 <tr>
  <td>Total: <span id="total"></span></td>
 </tr>
</table>

(...)
(...)
(...)
总数:
我试图将类
countAmount
的值计算在一起

我不知道从哪里开始使用jQuery代码。我尝试的一切都是无用的,但主要问题是如何处理空值以及如何将值作为INT处理。

要查找输入:

var inputs = $('input.countAmount');
要转换为数字并处理空格,请执行以下操作:

var num = parseInt($(input).val(), 10);
if (!isNaN(num)) {
    // It's a valid number, not blank, not "a" or "q", etc.
}
要循环浏览它们,请使用
每个

因此:

…因为在循环中,
这个
将是
输入
,要获取输入的值,不需要jQuery,
属性就可以了

然后将其放入您的
总数中
span:

$("#total").text(String(total));

我必须用一个键控功能触发它,但现在它可以正常工作了。。谢谢
$("#total").text(String(total));