使用基于复选框(真/假)表单输入的全局变量更新 JS 数组值



我正在使用WorldPay JS函数来创建付款表单。此函数创建一个可重用或不可重用的令牌。我需要根据表单输入(复选框(更新"可重用"标志,但我无法更新全局变量(重用(。我创建了一个函数 CHECKED 来更新变量,但 WorldPay JS 只是忽略了它。我认为是由于 window.onload 状态,但我不知道如何解决它。任何帮助将不胜感激。

<?php
include('./header.php');
require_once('./init.php');
?>
<html>
<head>
<title></title>
<meta charset="UTF-8" />
<script src="https://cdn.worldpay.com/v1/worldpay.js"></script>    
<script type='text/javascript'>
var reuse = false;
function Checked(){
reuse = document.getElementById('check').checked;
Worldpay.submitTemplateForm();
}
window.onload = function() {
Worldpay.useTemplateForm({
'clientKey':'ENTER CLIENT KEY',
'form':'paymentForm',
'paymentSection':'paymentSection',
'display':'inline',
'type':'card',
'reusable': reuse,
'saveButton':false,
'callback':function(obj){
if (obj && obj.token && obj.paymentMethod) {
var _el = document.createElement('input');
_el.value = obj.token;
_el.type = 'hidden';
_el.name = 'token';
document.getElementById('paymentForm').appendChild(_el);
var _name = document.createElement('input');
_name.value = obj.paymentMethod.name;
_name.type = 'hidden';
_name.name = 'customer';
document.getElementById('paymentForm').appendChild(_name);
document.getElementById('paymentForm').submit();
}
}
});
}
</script>
</head>
<body>
<form action="./test.php" id="paymentForm" method="post">
<!-- all other fields you want to collect, e.g. name and shipping address -->
<div id='paymentSection'></div>
<div>
<input type="checkbox" id='check'>
<input type="submit" value="Place Order" onclick="Checked()" />
</div>
</form>
</body>
</html>

注意:我删除了客户端 ID,因此代码不会运行。

您是否尝试过在 window.onload 上使用函数"checked",如下所示:

window.onload = function() {
Worldpay.useTemplateForm({
//code....
)}
function Checked(){
//code....
}

相关内容

  • 没有找到相关文章

最新更新