如何收集选中的单选按钮并放入数组，然后发送到控制器

在前端开发中，收集选中的单选按钮并放入数组，然后发送到控制器可以通过以下步骤实现：

HTML页面中，使用<input type="radio">标签创建单选按钮，并为每个按钮设置相同的name属性，但不同的value属性。例如：

<input type="radio" name="options" value="option1"> Option 1
<input type="radio" name="options" value="option2"> Option 2
<input type="radio" name="options" value="option3"> Option 3

使用JavaScript获取选中的单选按钮的值，并将其存储在数组中。可以通过以下代码实现：

var selectedOptions = []; // 创建一个空数组来存储选中的值

var radioButtons = document.getElementsByName('options'); // 获取所有name为'options'的单选按钮

for (var i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) { // 检查单选按钮是否被选中
    selectedOptions.push(radioButtons[i].value); // 将选中的值添加到数组中
  }
}

将选中的值发送到控制器。这可以通过使用AJAX或表单提交来实现，具体取决于你的应用程序架构和需求。

使用AJAX发送选中的值到控制器的示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/controller', true);
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功处理逻辑
    console.log(xhr.responseText);
  }
};

xhr.send(JSON.stringify(selectedOptions));

在控制器中，你可以使用后端开发语言（如Java、Python、Node.js等）来接收和处理发送的数据。

这是一个基本的实现方法，具体的实现方式可能因你使用的开发框架和技术栈而有所不同。关于腾讯云相关产品和产品介绍链接地址，可以根据具体需求和场景选择适合的产品，例如腾讯云的云服务器、云函数、云数据库等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）获取更多关于腾讯云产品的详细信息。