javascript表单使用输入值否则使用默认值进行即时计算?

时间:2016-09-19 16:56:13

标签: javascript html html5

我将实体的总成本称为总成本:

var costA = 0.5*total_cost;
var costB = 0.2*total_cost;

我必须通过手动输入计算2个额外的成本,或者如果用户没有提供输入则计算总成本的百分比。 我将百分比成本计算为:

Cost A in (Rs.) : 5000 (50% of total cost) or <input type="number" name="costA ">
Cost B in (Rs.) : 2000 (20% of total cost) or <input type="number" name="costB">
Total (Rs.) : 7000 or change as per user input 
Total per item (Rs.) : 700 (if items=10) or change per user input

想要将页面显示为

{{1}}

如果用户更改费用A或费用B或两者,则总费用和总费用/项目必须自动更改。

那么,在javascript中我有什么方法可以做到这一点,如果是的话,请你发一个例子。 三江源。

1 个答案:

答案 0 :(得分:0)

如果要捕获值更改的事件,请使用:

这是一个小提琴:https://jsfiddle.net/Darin_Cardin/7x5rdpLn/

<div>
    <input type="text" >
    Value changed to:<span id="result"></span>

</div>      
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.js"></script>

    <script>


    $('input').keyup(function(i,v){
        var val = $(this).val();
        $('#result').html(val);
    });



    </script>