Question

我对jQuery的经验有限，所以非常感谢任何帮助或建议。

我试图在页面上添加一些输入来显示。

我为初步工作设置了一个jsfiddle：http://jsfiddle.net/5wU3v/

这是来自jsfiddle的代码：

Shipping: <input type="text" class="input-small fee" name="ship_fee" id="ship-fee">

Other: <input type="text" class="input-small fee" name="other_fee" id="other-fee">

<div>
    $ <span id="total" data-total="<?=$total?>"><p></p></span>
</div>


$('#fee').change(function () {
    var total = $('.total').val();
    $("p").text(total);
});

但是我似乎无法显示单个输入值，因此我还没有添加代码来计算总和。

Answer 1

费用不是身份证，而是一个班级。请改用.fee。同样，total是id，而不是class，因此请改用#total。

Answer 2

//use the class-selector .fe because fee is the class attribute
var $fees = $('.fee').change(function(){
    var total = 0;
    //iterate through all the fee elements and find the total
    $fees.each(function(){
        total += (parseFloat($.trim(this.value)) ||0)
    })
    $( "p" ).text( total.toFixed(2) );
});

演示：Fiddle

使用jQuery显示页面上的输入总和

2 个答案: