Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you are using jquery, You need to do as like </p> <pre><code>$('form.wpcf7-form.payment-form').submit(function() { var price = isNaN(parseFloat($("#price").val())) ? 0.0 : parseFloat($("#price").val()) var payslips = isNaN(parseFloat($("#payslips-required").val())) ? 0.0 : parseFloat($("#payslips-required").val()) var totalPrice = price * payslips; $("#totalprice").val(totalPrice); }); </code></pre> <p>And secondly if you just need javascript way, use like this </p> <pre><code>document.forms[0].onsubmit = function() { var price = document.getElementById("price").value; var payslips = document.getElementById("payslips-required").value; price = isNaN(parseFloat(price)) ? 0.0 : parseFloat(price); payslips = isNaN(parseFloat(payslips)) ? 0.0 : parseFloat(payslips); var totalPrice = price * payslips; document.getElementById("totalprice").value = totalPrice; } </code></pre> <p><strong>UPDATE</strong></p> <p>Add the below fields after the html you have show, which prints the value.</p> <pre><code>&lt;input type="hidden" id="my-price" value="[price]" /&gt; &lt;input type="hidden" id="my-payslips-required" value="[payslips-required]" /&gt; </code></pre> <p>Then call the script to run,</p> <p>so finally, your code will be,</p> <pre><code>&lt;script&gt; function CalculateTotal() { var price = document.getElementById("price").value; var payslips = document.getElementById("payslips-required").value; price = isNaN(parseFloat(price)) ? 0.0 : parseFloat(price); payslips = isNaN(parseFloat(payslips)) ? 0.0 : parseFloat(payslips); var totalPrice = price * payslips; document.getElementById("totalprice").value = totalPrice; } &lt;/script&gt; </code></pre> <p>Try the above.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload