基于单选框选择设置文本框默认值的PHP问题求助

原代码的核心问题 #

1. $Age初始化错误：你把$Age初始成了空数组[]，根本没获取到单选框的实际选中值，switch自然没法匹配。
2. switch语法错误：case后面不能写$Age "xxx"，正确写法是直接写要匹配的选项文本，比如case "Under 45 years":。
3. onChange属性无效：onChange="$Agerisk2"这种写法完全不对，PHP是后端代码，没法直接响应前端的 onChange 事件，要实时更新得用前端JavaScript。

方案一：前端实时更新（推荐，即时看到变化） #

不需要在文本框默认值写PHP，直接用JS监听单选框的变化，实时修改文本框的值：

1. 给单选框组统一设置name属性（假设为Age），给文本框设置id（假设为Agerisk2）
2. 添加以下JS代码：

// 获取目标元素
const ageRadios = document.querySelectorAll('input[name="Age"]');
const ageriskInput = document.getElementById('Agerisk2');

// 定义年龄与风险值的映射关系
const ageRiskMap = {
    "Under 45 years": "0",
    "45 – 54 years": "2",
    "55 – 64 years": "3",
    "64 years or over": "4"
};

// 监听单选框切换事件
ageRadios.forEach(radio => {
    radio.addEventListener('change', function() {
        if (this.checked) {
            ageriskInput.value = ageRiskMap[this.value] || '';
        }
    });
});

// 页面加载时同步默认选中项的对应值
const checkedRadio = document.querySelector('input[name="Age"]:checked');
if (checkedRadio) {
    ageriskInput.value = ageRiskMap[checkedRadio.value] || '';
}

把这段代码放在页面底部的<script>标签里即可实现实时更新。

方案二：后端提交时赋值（适合表单提交后处理） #

如果不需要实时更新，只需要在表单提交到后端时给Agerisk2赋值，修改你的PHP代码如下：

// 获取单选框提交的值（根据表单method调整为$_GET，若无则为空）
$Age = $_POST['Age'] ?? '';
$Agerisk2 = null;

switch ($Age) {
    case "Under 45 years":
        $Agerisk2 = "0";
        break;
    case "45 – 54 years":
        $Agerisk2 = "2";
        break;
    case "55 – 64 years":
        $Agerisk2 = "3";
        break;
    case "64 years or over":
        $Agerisk2 = "4";
        break;
    default:
        $Agerisk2 = null;
        break;
}

// 后续将$Agerisk2赋值给文本框的value属性即可

注意：如果是在表单构建工具中使用，需确认工具是否支持直接获取字段值，部分工具会提供内置变量（如{Age}）替代$_POST['Age']，请参照工具文档调整。

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