动态加载的单选按钮列表：如何获取选中项的值

没问题，我来帮你捋清楚怎么在GET请求里拿到单选按钮的选中值，分几步来：

1. 确保单选按钮的HTML结构正确 #

首先，你的PHP生成单选按钮的时候，必须给同组的所有单选按钮设置相同的name属性——这是浏览器识别单选组的关键，不然没法正确传递选中的值。

举个PHP生成的示例（假设$missing是包含id、value、label的数组）：

<?php foreach($missing as $item): ?>
<div class="radio-item">
  <input type="radio" name="selected_option" id="radio_<?= $item['id'] ?>" value="<?= htmlspecialchars($item['value'], ENT_QUOTES) ?>">
  <label for="radio_<?= $item['id'] ?>"><?= htmlspecialchars($item['label'], ENT_QUOTES) ?></label>
</div>
<?php endforeach; ?>

这里我加了htmlspecialchars来转义输出的内容，避免XSS风险，这个细节别忽略。

2. 在PHP中处理GET请求 #

当表单提交（或者JS触发GET请求）后，PHP可以通过$_GET超全局变量获取选中的值，但要先检查参数是否存在，避免出现Undefined Index错误。

示例代码：

<?php
// 判断是否是GET请求，且目标参数存在
if ($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['selected_option'])) {
    // 先转义处理，安全输出或后续使用
    $selectedValue = htmlspecialchars($_GET['selected_option'], ENT_QUOTES, 'UTF-8');
    
    // 这里可以做你需要的逻辑，比如存入数据库、返回结果等
    echo "选中的单选按钮值：{$selectedValue}";
}
?>

3. 配合JS监听器的情况 #

如果你是用JS监听单选按钮的change事件来触发GET请求，那要在JS里先获取选中的值，再拼到URL参数里（记得编码特殊字符）：

// 给所有同组单选按钮绑定事件
document.querySelectorAll('input[name="selected_option"]').forEach(radio => {
    radio.addEventListener('change', function() {
        if (this.checked) {
            // 编码值防止特殊字符破坏URL
            const encodedValue = encodeURIComponent(this.value);
            // 跳转到当前页面并携带参数，或者用fetch发起异步请求
            window.location.href = `?selected_option=${encodedValue}`;
            
            // 如果是异步请求的话：
            // fetch(`your-handler.php?selected_option=${encodedValue}`)
            //   .then(res => res.text())
            //   .then(data => console.log('处理结果：', data));
        }
    });
});

关键注意事项 #

• 单选按钮的name属性必须统一，这是核心！不同name的单选按钮会被当成独立组，浏览器只会传递每个组的选中值。
• 永远不要直接使用$_GET里的原始值做数据库操作或输出到页面，一定要做转义/过滤，防止XSS和SQL注入。
• 如果没有单选按钮被选中，$_GET里不会有对应的键，所以必须用isset()或array_key_exists()检查后再使用。

内容的提问来源于stack exchange，提问作者PinkElephantsOnParade