Javascript 文本框相关查询获取所有输入详细信息并计算总金额
Javascript 文本框相关查询获取所有输入详细信息并计算总金额,javascript,jquery,html,css,Javascript,Jquery,Html,Css,工程量清单编号: 账单详情: 数量: 支付: 经理 切夫 RPC 支票号码: 数量: 日期: 首先,您需要为每个元素提供一个id,例如: <input type="text" id="billNo" size=""> <textarea id="tempResult" rows="5" cols="50"></textarea> 在此函数中,使用以下编码获取元素的值: var billNo=document.getElementById("bill
工程量清单编号:
账单详情:
数量:
支付:
经理
切夫
RPC
支票号码:
数量:
日期:
首先,您需要为每个元素提供一个id,例如:
<input type="text" id="billNo" size="">
<textarea id="tempResult" rows="5" cols="50"></textarea>
在此函数中,使用以下编码获取元素的值:
var billNo=document.getElementById("billNo").value;
$(document).ready(function(){
var total=0;
var temp="";
var tempResult=$("#tempResult");
$("#btn1").click(function(){
var billNo=$("#billNo").val();
var billDetails=$("#billDetails").val();
var amnt=$("#amnt").val();
tempResult.val(tempResult.val()+ billNo + "-" +billDetails+ "-" +amnt+"\n");
total+=parseFloat(amnt);
});
$("#btn2").click(function(){
tempResult.val(tempResult.val()+ total);
$("#totalAmount").val(total);
});
});
最后,使用以下代码编写要添加到textarea的内容:
var tempResult=document.getElementById("tempResult");
tempResult.value=billNo
tempResult.value+=*what you want to add to textarea*
对于将值附加到textarea:
var tempResult=document.getElementById("tempResult");
tempResult.value=billNo
tempResult.value+=*what you want to add to textarea*
要将输入值解析为整数,需要使用parseInt函数,对于十进制数,可以使用parseFloat函数
现在,你有了完成你的功能的所有成分
对于总量,哈哈,让您先试试。您知道jquery的用法,所以我使用jquery来获取元素:
var billNo=document.getElementById("billNo").value;
$(document).ready(function(){
var total=0;
var temp="";
var tempResult=$("#tempResult");
$("#btn1").click(function(){
var billNo=$("#billNo").val();
var billDetails=$("#billDetails").val();
var amnt=$("#amnt").val();
tempResult.val(tempResult.val()+ billNo + "-" +billDetails+ "-" +amnt+"\n");
total+=parseFloat(amnt);
});
$("#btn2").click(function(){
tempResult.val(tempResult.val()+ total);
$("#totalAmount").val(total);
});
});
我改变了:
<input type="text" name="amount" pattern="[0-9]+" title="please enter amount"size="15">
到
就这些。你能编辑你的问题来澄清你的问题吗?你做过任何基础工作吗?是的,我做了我的基础工作。如果我输入账单,没有账单详细信息和金额,然后单击“添加”按钮,这些条目将显示在我给出的框中听说我不知道这种类型的框是否足够用于此工作可能是因为它看起来像一个表有账单无账单详细信息和金额字段并存储我的所有给定输入,当我完成我的所有账单时,我点击另一个按钮,在表格底部找到我的总金额,这就像我们的购物账单一样,当我们购买两个以上项目时,我们计算总金额…我的输入在框中显示一次,然后消失现在为什么会发生这种情况,当我在JSFIDLE和stackoverflow上工作时,它会一个接一个地运行并添加条目,但当我在google chrome上运行时,它会像闪烁一样,我写下面的代码作为回答,听说这是正常工作,但不在browserits上工作,但将我移到下一个选项卡上,但我想在同一页上添加更多的账单如何发生…更改我使用它,但当我添加第二个条目时,第一个条目消失了,只有一个条目留在框中。我的项目此时完成了,这一切都要感谢KNVB。如果我希望文本框像表格一样存储值,那么我所做的更改是否有效,是否有效。。与“票据编号”一样,在下面的行中有一列,所有“票据编号”与其他两个字段相同,在底部有“总额”列