Check boxes not working when using acceptui.js

troyd1000 — Mon, 30 Jul 2018 19:07:37 GMT

I sent this to the support team and they asked that I post it here:

I have been fighting with another issue for several days. When I add <script type="text/javascript" src="https://jstest.authorize.net/v3/AcceptUI.js" charset="utf-8"></script> to my page, my checkboxes quit working on iphone or did not work as expected. I have isolated it down to a simple test that I attached that you can duplicate. It works fine in chrome, FF and android, but not safari.

If you try to click the checkbox on iphone, nothing happens and does not check the box. If you remove the reference to accept.js, it works fine and checks the box. There is some incompatibility with that script for that device/browser. It seems to not work on any version of ios.

Anyone else dealt with this issue?

Below is the code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Skipperbud's Customer Payment Portal</title>
<style>
input[type=checkbox] {
  transform: scale(2.5);
}</style>
</head>
<body>
 <form name=form1 id="paymentForm"
    method="POST"
    action="">
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox name="CDEPOSIT" id="CDEPOSIT" value="Y"><br><br><br><br><br>
<button type="button"
        class="AcceptUI"
        data-billingAddressOptions='{"show":true, "required":false}' 
        data-apiLoginID="ANETID" 
        data-clientKey="ANETCLIENTKEY"
        data-acceptUIFormBtnTxt="Submit" 
        data-acceptUIFormHeaderTxt="Card Information" 
        data-responseHandler="responseHandler" id-"submitbutton">Continue to Credit Card Processing</button>
</form>
</div>
  <script type="text/javascript" src="https://js.authorize.net/v3/AcceptUI.js" charset="utf-8"></script>
</body>
</html>

topic Check boxes not working when using acceptui.js in Integration and Testing

Check boxes not working when using acceptui.js