Вычтите два текстовых поля и покажите результат на третьем в javascript или jquery

Question

как я могу вычесть first_reading из second_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

Вы можете использовать JQuery в файле footer.php на это АРХИВ, вот 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())); 
     } 
});