Spring单选按钮jquery onchange功能不起作用？答案

【问题标题】：Spring radiobutton jquery onchange function not working?Spring单选按钮jquery onchange功能不起作用？
【发布时间】：2018-02-14 02:31:07
【问题描述】：

我的 js 文件包含以下内容：

$('input[type=radio][name=paymentOption]:radio').change(function () {
    alert('something');
}

而我的jsp包含以下html：

<label><form:radiobutton name="paymentOption" path="usePaypal"
   value="true" checked="checked"/>Paypal
</label>

<label><form:radiobutton name="paymentOption" path="usePaypal"
                                             value="false"/>Card
</label>

我已经尝试了很多 css 选择器的变体，包括：

$("input[type=radio][name='paymentOption']").on("change", function () {}

谁能指出我遇到的问题？

编辑

对于那些有同样问题的人 - spring 表单标签要求 css 选择器中使用的名称是路径，而不是默认 html 单选按钮的名称。

【问题讨论】：

在$(document).ready中分配更改函数
是的，它嵌套在 $(document).ready 中
console.log($('input[type=radio][name=paymentOption]:radio')) 那么你在控制台看到了什么？？
不确定我是否可以在当前设置下做到这一点。还有其他想法吗？
这是一个网络应用程序吧？然后通过 console.log 我的意思是在浏览器控制台上，在查看这个网站时，而不是在 ide 中

标签： jquery html css spring jsp

【解决方案1】：

调用应该如下所示

<script>

  $(document).ready(function(){
      $("input[type=radio][name=usePaypal]").change(function () {

            if ($(this).val() == "true") {
                alert('true');
            } else {
                alert('false');
            }
        });
  });

</script>

【讨论】：

你用的是哪个版本的jquery？
运行版本 1.8.3
我已经更新了代码，因为你使用的是 spring 标签所以你必须使用 name=usePaypal 而不是 name=paymentOption