在 spring mvc 表单标签中调用 JavaScript答案

【问题标题】：Calling JavaScript inside spring mvc form tag在 spring mvc 表单标签中调用 JavaScript
【发布时间】：2021-07-30 05:04:11
【问题描述】：

您好，请帮我解决以下问题

我正在开发 jsp，我在那个 jsp 中遇到这样的情况，我们正在使用弹簧表单标签，我的任务是当用户单击单选按钮时创建两个单选按钮我需要显示不同的选项，我需要发送用户为我的控制器选择了单选按钮值。

我写了 form:radiobutton 但这不接受 onclick/onchange 属性来调用我的 JavaScript..!!!

2. 所以我写了输入标签，我可以用它来调用我的 js——有了这个我不能向控制器发送值，如果我想我可以从会话的请求属性中获取值，但我不想扰乱从表单标签到后端控制器的代码结构。

我们正在使用 jsp,spring mvc 没有注释, servlets, java8, wi

所以我很困惑如何实现我的目的...请解释一下谢谢你的时间。????????

【问题讨论】：

标签： javascript forms spring-mvc jsp

【解决方案1】：

<form:radiobutton path="test">（例如）会将生成的输入元素的name 设置为"test"。因此，您可以使用document.querySelectorAll 选择所有具有相同名称的单选按钮。然后，遍历它们并在每一个上使用addEventListener。

for(const radio of document.querySelectorAll('input[type=radio][name="test"]')){
    radio.addEventListener("change", function(e){
      // do something on change
    });
}

【讨论】：