使用javascript在html中添加多个文本框
Adding multiple text boxes in html using javascript
我正在尝试添加多个文本框整数值和总和要存储在另一个文本框
<script>
function updatesum(){
cash = parseInt(document.rent_form.cash.value,10);
card = parseInt(document.rent_form.card.value,10);
online = parseInt(document.rent_form.online.value,10);
deduction = parseInt(document.rent_form.deduction.value,10);
actAmount = parseInt(document.rent_form.actAmount.value,10);
tot = actAmount - (cash+card+online+deduction);
document.rent_form.bal.value = tot;
}
</script>
我得到NaN值显示在文本框name="bal"
<form class="form-horizontal" name="rent_form" id="rent_form" action="php/tenantTable.php"
method="POST">
<input type="text" id="act_rent_amount" name="actAmount" class="input-xlarge" placeholder=""
value="<?php echo ($row['rent_amount']); ?>" style="visibility: hidden">
<input type="text" name="cash" onChange="updatesum()" value="0">
<input type="text" name="card" onChange="updatesum()" value="0">
<input type="text" name="online" onChange="updatesum()" value="0">
<input type="text" name="deduction" onChange="updatesum()" value="0">
<input type="text" id="bal" name="bal">
这里有一个链接
如果要读取输入的值,则需要使用document.getElementById("inputid")
。所以不用
cash = parseInt(document.rent_form.cash.value,10);
你需要使用
cash = parseInt(document.getElementById("cash").value,10);
您还需要为所有输入字段提供Id。如果您想使用名称,则需要使用getElementsByName()[0]
,它返回具有该名称的第一个元素(但请使用ID,它更准确,更易于阅读)。
但是,因为您有5次相同的逻辑序列,所以我会稍微改变一下,并将其包装成一个函数:
function ParseElementValue(elementName){
return parseInt(document.getElementById(elementName).value,10);
}
并像这样调用:
cash = ParseElementValue("cash");
card = ParseElementValue("card");
相关文章:
- Javascript,将文本添加到具有现有文本节点的元素中
- 选中单选框时,将文本添加到文本框中
- 为未标记的文本添加CSS样式
- 如何将表格中的文本添加到使用按钮输入的文本区域
- 有没有办法将mouseOver上的个人文本添加到完整日历中
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何使用JavaScript将链接文本添加到电子邮件中
- 将动态验证文本添加到自定义jQuery验证规则中
- 将文本添加到每个数组元素的开头
- 单击将按钮中的文本添加到带有jQuery或JS的输入框中
- 通过按钮将不同的文本添加到文本区域-不起作用
- 如何为Fabric.js中的文本添加CSS属性
- 如何将预加载程序文本添加到jQuery Cycle 2中
- Javascript Regex exec 在向搜索文本添加属性/引号后冻结
- 如何在所有浏览器中向文本区域中的选定文本添加 标记
- jQuery将文本添加到放置在表格单元格中的图像中
- D3 垂直条形图为标签文本添加换行符
- 单击时从列表中将文本添加到文本框的方法
- 将文本添加到 D3 圆环图的中心
- 如何将非可变文本添加到javascript打印弹出窗口中