php 单选按钮选中的值,在javascript中根据单选按钮选择更改变量值

我想根据单选按钮选择来计算最终价格,但在我的例子中,它只显示页面中的第一个单选按钮值。当检查另一个时,它不会改变。

这是我的密码

Normal - Processing within 3 days

Urgent - Guaranteed processing in less than 1 hour (+50$)

$(document).ready(function () {

var govfee = document.getElementById('gdfee').value;

var afee = document.querySelector('input[name="visaoption"]:checked').value

var totalfee = parseFloat(govfee) + parseFloat(afee);

document.getElementById("demo").innerHTML = govfee;

document.getElementById("demo2").innerHTML = afee;

document.getElementById("demo3").innerHTML = totalfee;

}

);

以及我们如何将“var totalfee”传递到下面脚本中的data amount=“”中,该脚本位于同一表单内的同一页上。

data-key="secret-key"

data-amount="Total Fee"

data-buttontext="Pay with Debit/Credit Card"

data-name="Turkey Services"

data-description="Purchase Description"

data-image="logo url"

data-prefill.name="Gaurav Kumar"

data-prefill.email="test@test.com"

data-theme.color="#F37254"

>