从HTML表单重新分配Javascript函数变量

Question

我有一个在表单提交时触发的javascript函数：

var reusecard = true;
var form = document.getElementById('paymentForm');
Worldpay.useOwnForm({
  'clientKey': 'xxxxx',
  'form': form,
  'reusable': reusecard,
  'callback': function(status, response) {
    document.getElementById('paymentErrors').innerHTML = '';
    if (response.error) {             
      Worldpay.handleError(form, document.getElementById('paymentErrors'), response.error); 
      $("#paymentErrors").addClass("highlighted_box");
    } else {
      var token = response.token;
      Worldpay.formBuilder(form, 'input', 'hidden', 'token', token);
      form.submit();
    }
  }
});

如果用户使用JQuery将表单上的选择框更改为“NO”，我想将'reusable'字段更改为false。

选择框的ID是“重用”，它有2个值选择，“是”和“否”。

我一直在尝试的JQuery是：

$(function() {
$( "#reuse" ).change(function() {
    if ($("#reuse").val() == "YES") {
        reusecard = true;
    } else {
        reusecard = false;
    }
alert (reusecard);
});
});

每当用户更改选择框时，Javascript警报都能正常工作，并显示正确的布尔值。但是，当函数运行时，它始终采用初始设置值，而不是更改的值。

我做错了什么？

由于