jQuery单选按钮单击事件仅在iOS Safari上不起作用

Question

我有一个单选按钮，单击它可以显示或隐藏一些div。 除了iOS上的Safari以外，其他任何地方都可以正常使用。 那里什么都没有发生。 这是HTML：

我在这里发现了许多其他问题，这些问题导致点击了其他在iOS Safari中不起作用的元素，因此我尝试了类似的解决方案https://gravitydept.com/blog/js-click-event-bubbling-on- ios，但没有任何运气。

HTML：

<input type="radio" name="PaymentTypeRadio" value="onetime"> One Time Payment<br>
<input type="radio" name="PaymentTypeRadio" value="preauth"> Pre-Authorized Payments Sign-up<br>
...
<div class="form-group" id="PreauthDiv" style="display: none">
...
</div>
<div id="OneTimePaymentFormDiv">
...
</div>

JQuery的：

$("input[name='PaymentTypeRadio'").click(function(){
  var radioValue = $("input[name='PaymentTypeRadio']:checked").val();
  switch (radioValue) {
    case "onetime":
      $('#PreauthDiv').hide();
      $('#OneTimePaymentFormDiv').show();
      break;
    case "preauth":
      $('#PreauthDiv').show();
      $('#OneTimePaymentFormDiv').hide();
      break;
    }
});

也许与同名的2个输入有关？ 我真的不确定还有什么尝试。

Answer 1

您在选择器函数中缺少右括号，最终导致此错误： Error: Syntax error, unrecognized expression: input[name='PaymentTypeRadio'

将其更改为$("input[name='PaymentTypeRadio']").click(function(){...}

它应该工作。