javascript - 减去两个文本字段并在 javascript 或 jquery 中显示第三个结果

Question

我怎样才能从 second_reading 中减去 first_reading 并在 total_reading 中显示总数而不添加任何 onclick、onkeyup、onblur 等直接在表单字段上，而是在脚本上(我不会触摸表单，因为它是一个短代码) .如果在 jQuery 中，我将需要非冲突代码，因为我将在 Wordpress 中使用它。提前致谢!

<form name="log" id="log">

<input type="text" name="first_reading" id="first_reading">
<input type="text" name="second_reading" id="second_reading">

<input type="text" name="total_reading" id="total_reading">

</form>

Answer 1

您可以在 footer.php 文件中使用 jquery 来实现这一点，这里是 fiddle

$(document).ready(function() {
    if($("#log").length){
        $( "#first_reading" ).keyup(function() {
            $.sum();          
        }); 
        $( "#second_reading" ).keyup(function() {
            $.sum();          
        }); 
     }   
        $.sum = function(){
            $("#total_reading").val(parseInt($("#first_reading").val()) + parseInt($("#second_reading").val()));
        } 
});