PHP单选按钮$_GET失效及提交后页面视图异常问题求助

咱们一步步拆解你遇到的两个问题，逐个解决：

一、先解决$_GET['details_radio']无法获取值的问题 #

你的代码里有几个关键错误导致参数无法正常传递：

1. PHP标签未正确闭合：代码中<?php $actual_link = ...; <form ...>这部分没有用?>闭合PHP标签，导致后续HTML被PHP引擎错误解析，直接引发语法问题。
2. 表单Action URL输出错误：<form action="<?php $actual_link ?>" ...>里少了echo，应该写成<?php echo $actual_link; ?>，否则表单会提交到字符串$actual_link这个无效地址。
3. 缺少表单提交触发元素：整个表单没有提交按钮（比如<input type="submit">或<button>），用户无法触发表单提交动作，自然$_GET拿不到参数。
4. 重复的ID属性：单选按钮的ID必须唯一（比如details_radio_a被用了两次），虽然不影响表单提交，但不符合HTML规范，建议改成唯一标识。

修复后的表单核心代码：

<?php 
$actual_link = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; 
?>
<form action="<?php echo $actual_link; ?>" method="get" id="form_details" name="details" class="form_details_class">
    <p class="yes_no_float_right">No</p>
    <p class="yes_no_float_right">Yes</p><br>
    <p>Show File Details: 
        <input type="radio" id="details_radio_yes" class="details_radio" value="1" name="details_radio"/>
        <input type="radio" id="details_radio_no" class="details_radio" value="0" name="details_radio"/>
    </p><br>
    <p>Show Tails: 
        <input type="radio" id="tails_radio_yes" class="details_radio" value="1" name="tails_radio"/>
        <input type="radio" id="tails_radio_no" class="details_radio" value="0" name="tails_radio"/>
    </p><br>
    <p>Show Public or Private:
        <input type="radio" id="porp_radio_yes" class="details_radio" value="1" name="porp_radio"/>
        <input type="radio" id="porp_radio_no" class="details_radio" value="0" name="porp_radio"/>
    </p><br>
    <!-- 添加提交按钮 -->
    <button type="submit" name="submit_settings">Save Settings</button>
</form>

二、解决提交后回到主视图的问题（实现无刷新提交） #

默认表单提交会刷新整个页面，如果当前相册的标识参数（比如album_id）没有保留在提交URL中，就会丢失状态回到主视图。最优雅的解决方式是用AJAX异步提交，既不会刷新页面，也能保留当前相册视图。

步骤1：阻止表单默认刷新行为 #

给表单添加事件监听，阻止默认提交动作：

<script>
document.getElementById('form_details').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止页面刷新
    
    // 1. 收集表单数据
    const formData = new FormData(this);
    // 2. 转成GET请求的参数格式
    const params = new URLSearchParams(formData).toString();
    // 3. 拼接完整请求URL（保留当前页面的所有参数）
    const requestUrl = this.action + (this.action.includes('?') ? '&' : '?') + params;
    
    // 4. 发送AJAX请求
    const xhr = new XMLHttpRequest();
    xhr.open('GET', requestUrl, true);
    
    xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 300) {
            // 请求成功后的处理：比如提示保存成功、更新页面内容
            console.log('Settings saved successfully');
            // 示例：更新页面上的提示文本
            // document.getElementById('refto')?.textContent = 'Settings updated!';
        } else {
            console.error('Failed to save settings');
        }
    };
    
    xhr.send();
});
</script>

步骤2：确保当前相册参数被保留 #

你的$actual_link已经包含了当前页面的完整URL（包括相册标识参数），所以AJAX请求会自动带上这些参数，后端就能识别当前相册，不会跳回主视图。

三、后端代码的小优化 #

可以给后端逻辑加个判断，只在用户点击提交按钮时执行更新，避免页面加载时误触发：

<?php
// 仅当提交按钮被点击时执行更新
if (isset($_GET['submit_settings']) && isset($_GET['details_radio'])) {
    $details_radio = $_GET['details_radio'];
    $rowid = 1;
    
    // 合并重复的数据库操作代码，减少冗余
    $stmt = $mysqli->prepare("UPDATE ".$username_options." SET details_radio=? WHERE rowid=?");
    $stmt->bind_param("ii", $details_radio, $rowid);
    $stmt->execute();
    $stmt->close();
    
    // 根据参数值输出对应提示
    if($details_radio == '0') {
        echo '<div class="refto" id="refto">details_radio = 0</div>';
    } else {
        echo '<br><p class="colourful">details_radio = 1</p><br>';
    }
}
?>

这样修改后，$_GET['details_radio']就能正常获取值，提交表单时也不会刷新页面，始终保持当前相册视图。

内容的提问来源于stack exchange，提问作者ax.falcon