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

将选定的单选按钮值传递给Groovy控制器可以通过以下步骤实现：

在前端开发中，使用HTML和JavaScript创建一个包含单选按钮的表单。确保为每个单选按钮设置唯一的ID和相同的名称属性。
在前端代码中，使用JavaScript监听单选按钮的变化事件。当单选按钮的值发生变化时，触发一个函数。
在该函数中，使用AJAX或其他方式将选定的单选按钮值发送到后端服务器。
在后端开发中，使用Groovy编写一个控制器来接收传递的单选按钮值。
在Groovy控制器中，解析接收到的单选按钮值，并根据需要进行相应的处理。可以将值存储到数据库中，进行业务逻辑处理，或者返回给前端进行展示。

以下是一个示例代码：

前端代码（HTML和JavaScript）：

<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>

后端代码（Groovy控制器）：

@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"
  }
}

请注意，以上代码仅为示例，实际实现可能需要根据具体的前端框架、后端框架和数据库进行适当调整。