jQuery onclick事件在选择单选按钮时可在第二次单击上起作用

Question

我有以下编写的js代码，这是我的第一次编码经验。我已经遍历了网站中所有类似的主题，有很多但还没有从我读过的帖子中弄清楚。

下面的代码有效，但不顺利：

1问题：我必须单击2次付款选项2（单选按钮），然后代码才能正确执行。  问题2：单击单选按钮不执行脚本，但是单击单选按钮的标签执行脚本。

$(document).ready(function() {
$('.mt-4').hide();
  $('.ps-shown-by-js').click(function () {
    var selected = $(this).attr('id');   
    if(selected == 'payment-option-2') {
       $('.mt-4').hide();
       } else {
      $('.mt-4').show();
}
});       
})

HTML：

<input class="ps-shown-by-js " id="payment-option-2" data-module- 
name="iyzipay" name="payment-option" type="radio" required="" data- 
com.agilebits.onepassword.user-edited="yes">

我希望能就此事提供反馈。

Answer 1

由于您没有提供完整的HTML，因此很难确定发生了什么。通常，您希望组中的所有单选按钮具有相同的名称，但具有不同的值，例如以下的example。然后，我建议使用更改事件而不是单击。然后，您不用检查所选按钮的ID，而是检查值.val()。 example这是一个很好的用法。