Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery表单-我可以添加输入吗?_Javascript_Jquery_Forms - Fatal编程技术网

Javascript Jquery表单-我可以添加输入吗?

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

我试图在jquery中添加这两个或更多的输入,以获得两个输入值(5+2)乘以“产品”金额($50.25)的输出。 如何添加所有输入,而不为这些输入分配任何类或id? 你能带我到这里吗

<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);
});