将选定的单选按钮值传递给groovy控制器

<form>
  <input type="radio" id="option1" name="options" value="option1">
  <label for="option1">Option 1</label><br>
  <input type="radio" id="option2" name="options" value="option2">
  <label for="option2">Option 2</label><br>
  <input type="radio" id="option3" name="options" value="option3">
  <label for="option3">Option 3</label><br>
</form>

<script>
  var radios = document.getElementsByName('options');
  for (var i = 0; i < radios.length; i++) {
    radios[i].addEventListener('change', function() {
      var selectedValue = this.value;
      sendDataToGroovyController(selectedValue);
    });
  }

  function sendDataToGroovyController(value) {
    // 使用AJAX或其他方式将value发送到后端服务器
    // 示例代码：
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/groovy-controller', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功处理
      }
    };
    xhr.send(JSON.stringify({ value: value }));
  }
</script>

@RestController
class GroovyController {
  @PostMapping("/groovy-controller")
  def receiveData(@RequestBody Map<String, Object> data) {
    def selectedValue = data.value
    // 进行相应的处理，例如存储到数据库或进行业务逻辑处理
    // 示例代码：
    // 数据库存储
    // MyDatabase.save(selectedValue)
    // 业务逻辑处理
    // MyService.process(selectedValue)
    return "Data received: $selectedValue"
  }
}