Javascript 正在尝试计算两个输入字段的实时更新

我试图计算2个输入字段，并在div totalPrice中实时显示结果 不管我怎么做都不能让它工作

thx

jQuery（'#field2'）。on（'InputPropertyChange-paste'，function（）{
var op1=document.getElementById（'field1'）；
var op2=document.getElementById（'field2'）；
var result=document.getElementById（'totalPrice'）；
如果（op1.value==“”| | op1.value！=parseFloat（op1.value））op1.value=0；
如果（op2.value==“”| | op2.value！=parseFloat（op2.value））op2.value=0；
result.value=0；
result.value=parseInt（result.value）；
result.value=parseInt（result.value）+parseInt（op1.value）+parseInt（op2.value）；
}
var divobj=document.getElementById（'totalPrice'）；divobj.style.display='block'；divobj.innerHTML=“Total$”+result.value；
});

这个怎么样

也

代码。。。。

---

如果对您有帮助，请尝试此操作。

您遇到了什么问题？在

var divobj

上方有一个额外的

。什么是

op1.value=parseFloat（op1.value）

此条件用于？不理解op1.value！=parseFloat（op1.value）此条件？？？另外，将脚本放在html表单之后。或（…）上的

$（'.rsform input box'）

按id选择是最快的，因此我使用该选项，因为在找到具有id选择器的对象后，将停止搜索，但在类的情况下，它将解析整个文档。我使用了此代码，但它仍然不适用于我？我在本地文件中尝试过，也托管了文件不走运：/

<script src="jquery-1.11.1.min.js">
    jQuery('#field2').on('input propertychange paste', function() {
        var op1 = document.getElementById('field1');
        var op2 = document.getElementById('field2');
        var result = document.getElementById('totalPrice');
        if (op1.value == "" || op1.value != parseFloat(op1.value)) op1.value = 0;
        if (op2.value == "" || op2.value != parseFloat(op2.value)) op2.value = 0;
        result.value = 0;
        result.value = parseInt(result.value);
        result.value = parseInt(result.value) + parseInt(op1.value) + parseInt(op2.value);
    }
    var divobj = document.getElementById('totalPrice'); divobj.style.display = 'block'; divobj.innerHTML = "Total $" + result.value;
    });
</script>
<form action="" id="cakeform" onsubmit="return false;">
    <input type="text" value="" size="20" name="field1" id="field1" class="rsform-input-box">
    <input type="text" value="" size="20" name="field2" id="field2" class="rsform-input-box">
    <div id="totalPrice"></div>
</form>

 $('#field1,#field2').on('input propertychange paste', function() {


     $('#totalPrice').html(parseFloat($("#field1").val()!=''?$("#field1").val():0)+parseFloat($("#field2").val()!=''?$("#field2").val():0));
    });

<script src="jquery-1.11.1.min.js"></script>
<script>
   code ....
</script>

    $(document).ready(function () {
        jQuery('#field2, #field1').on('input propertychange paste', function () {
            var op1 = document.getElementById('field1');
            var op2 = document.getElementById('field2');
            var result = document.getElementById('totalPrice');
            if (op1.value == "" || op1.value != parseFloat(op1.value)) op1.value = 0;
            if (op2.value == "" || op2.value != parseFloat(op2.value)) op2.value = 0;
            result.value = 0;
            result.value = parseInt(result.value);
            result.value = parseInt(result.value) + parseInt(op1.value) + parseInt(op2.value);
            var divobj = document.getElementById('totalPrice'); divobj.style.display = 'block'; divobj.innerHTML = "Total $" + result.value;
        })            
    });