在spring mvc表单标签中调用JavaScript

Question

请帮我解决下面的问题

我在jsp工作，我有这样的情况，在jsp我们使用spring表单标签，我的任务是创建两个单选按钮，当用户单击单选按钮，我需要显示不同的选项，我需要发送用户选择的单选按钮值到我的控制器。

1. 我写了form:radiobutton，但是它不接受onclick/onchange属性来调用我的JavaScript…!!

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

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

所以我很困惑如何达到我的目的…请解释一下，谢谢您的时间👍🏻

Answer 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
});
}