首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery -更新表单后打印值-在数组中输入

jQuery -更新表单后打印值-在数组中输入
EN

Stack Overflow用户
提问于 2018-08-02 07:34:33
回答 1查看 27关注 0票数 0

我有一个带有输入表单的表格,其中的字段如下。我也有功能来添加行,在点击后-下面。

我的问题是,例如从Field1更改后,如何动态显示所有值的总和。

代码语言:javascript
运行
复制
<table id="table">
    <tr>
      <td>Date</td>
      <td>Field 1</td>
      <td>Field 2</td>
    </tr>
    <tr>
      <td><input type="text" name="count[]" placeholder="Date"></td>
      <td><input type="text" name="field1[]"></td>
      <td><input type="text" name="field2[]"></td>
    </tr>
    <input type="button" value="Add Row" onclick="addRow('table')" />
  </table>

下面是jQuery:

代码语言:javascript
运行
复制
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var $row = '<tr>'+
      '<td><input type="text" name="count[]" placeholder="Date"></td>'+
      '<td><input type="text" name="field1[]"></td>'+
      '<td><input type="text" name="field2[]"></td>'+
'</tr>'
if( rowCount <= 15)
  $('#table').append($row);
else {
  alert("Error.");
}

我需要在表格后面添加类似这样的内容:

代码语言:javascript
运行
复制
<span>SUM_FROM_FIELD1</span>

谢谢你的回答。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51643622

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档