将多个文本框中的值添加到php中的单个文本框中
Adding the values in multiple textboxes to a single textbox in php
我有一个表单,其中包含一个div,其中包含两个文本框,一个用于服务类型,另一个用于金额和一个添加更多按钮。当我点击添加更多按钮。每个onclick都会复制div。现在,我希望将每个金额文本框中的值相加,并显示在另一个文本框的合计中。我创建了一个JS函数来显示onkeyup上金额文本框中输入的值。但我没有得到任何答案。
这是我迄今为止尝试过的代码。。
HTML
<table>
<tr id="service">
<td>
<span>Service Type:</span>
</td>
<td>
<input type="text" name="servicetype" id="servicetype" />
</td>
<td>
<span>Amount:</span>
</td>
<td>
<input type="text" name="amount" id="amount" onkeyup="onkeyupsum()"/>
</td>
</tr>
<tr>
<td>
<input type="button" id="addmore" onclick="duplicate()" value="Add More"/>
</td>
</tr>
<tr>
<td><h4 style="text-align:left; padding:0,300px,300px,0;">Total Amount</h4></td>
<td><input type="text" name="tamt" id="tamt"></td>
</tr>
</table>
Javascript:
<script>
var i = 0;
function duplicate()
{ // function to clone a div
var original = document.getElementById('service');
var rows = original.parentNode.rows;
var i = rows.length - 1;
var clone = original.cloneNode(true); // "deep" clone
clone.id = "duplic" + (i); // there can only be one element with an ID
original.parentNode.insertBefore(clone, rows[i]);
}
function onkeyupsum()
{ // calculate sum and show in textbox
var sum = 0;
var amount1= document.getElementById('amount').value;
sum += parseFloat(amount1);
document.submitform.tamt.setAttribute("value",sum );
}
</script>
有人能告诉我如何获取文本框值吗?即使是从重复的div到文本框。
您应该做的是给输入提供通用类名,然后在onkeyupsum
中选择所有输入并计算循环中的和:
function onkeyupsum() { // calculate sum and show in textbox
var sum = 0,
amount = document.querySelectorAll('.amount'), i;
for (i = 0; i < amount.length; i++) {
sum += parseFloat(amount[i].value || 0);
}
document.submitform.tamt.value = sum;
}
并且输入看起来像:
<input type="text" name="amount" class="amount" onkeyup="onkeyupsum()" />
演示:http://jsfiddle.net/mf7wqkq2/
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用加号按钮添加多个文本框,并通过PHP提交
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- php&js-将电子邮件添加到输入文本中
- 基于文本jquery php更改按钮
- PHP/Ajax/jquery/JON-在Ajax Post之后将echo文本中的一部分作为变量返回
- 将文本值从html页面传递到php页面
- 如果没有从下拉列表中选择任何值,则允许使用php、mysql、javascript将文本框添加到mysql表中
- 在 PHP 块中使用 Javascript 设置 HTML 文本框的值(使用 echo)
- PHP:Can't填充TinyMCE文本区域
- 在PHP中,如何通过单击页面上的文本来设置文本框值
- php代码或脚本接受自动完成列表中文本框中的值
- 如何使用php和html根据文本框中的输入值自动更改组合框值
- 填充文本框取决于php中的下拉选择
- PHP使用子窗口中的单选按钮确定从子窗口向父窗口文本区域插入什么
- 如何在没有表单提交、没有js、没有jquery和没有ajax的情况下将输入的文本框值存储到php变量中
- 如何在php中使用echo来在html中打印文本
- 如何限制要添加的文本框数 (PHP)
- 使用JavaScript动态文本PHP
- 使用Jquery分享文本php