Javascript Jquery表单-我可以添加输入吗?
我试图在jquery中添加这两个或更多的输入,以获得两个输入值(5+2)乘以“产品”金额($50.25)的输出。 如何添加所有输入,而不为这些输入分配任何类或id? 你能带我到这里吗Javascript Jquery表单-我可以添加输入吗?,javascript,jquery,forms,Javascript,Jquery,Forms,我试图在jquery中添加这两个或更多的输入,以获得两个输入值(5+2)乘以“产品”金额($50.25)的输出。 如何添加所有输入,而不为这些输入分配任何类或id? 你能带我到这里吗 <input type="text" value="5" /> <input type="text" value="2" /> <h3></h3> <script> $("input").keyup(function () { var value
<input type="text" value="5" /> <input type="text" value="2" />
<h3></h3>
<script>
$("input").keyup(function () {
var value = parseFloat($(this).val());
var item_price = parseFloat("50.25");
$("h3").text(value * item_price);
}).keyup();
</script>
您的作用域不正确:
$("input").keyup(function() {
var itemPrice = 50.25;
var total = 0.0;
$("input").each(function() {
total += parseFloat($(this).val());
});
$("h3").html(total * itemPrice);
}).keyup();
关键点是循环输入并添加它们的值
var totalInput = 0;
$("input").keyup(function () {
//zero out the global var totalInput
totalInput = 0;
$("input").each(function(){
//for each input, add value to global totalInput
totalInput += $(this).val()
});
//setup price
var item_price = parseFloat("50.25");
//display price times totalInput
$("h3").text(totalInput * item_price);
});
这似乎就是你要找的。将所有计算放在一个函数中,只需将该函数绑定到按键。您可能还想立即调用该函数来进行初始计算,就像我在演示中所做的那样
请看现场演示:不,那不行。因为每次编辑字段时都要添加到“总计”。另外,为什么在“上帝的绿色地球”中,你会通过添加一个额外的不必要的var,var total来浪费资源?如果我也不想输出原始数字呢?@Yisroel所以让我直说吧。。。你来这里寻求帮助,但你的知识足够渊博,以至于你会屈尊俯就?这可能不能满足你的要求,唯一的原因是你的问题措辞不当,我似乎误解了你的意思。这与其他两个答案所建议的代码完全相同。证据就在布丁里:
var totalInput = 0;
$("input").keyup(function () {
//zero out the global var totalInput
totalInput = 0;
$("input").each(function(){
//for each input, add value to global totalInput
totalInput += $(this).val()
});
//setup price
var item_price = parseFloat("50.25");
//display price times totalInput
$("h3").text(totalInput * item_price);
});