如何阻止单选按钮在点击提交按钮后自动取消选中？

原代码失效原因 #

• JS函数逻辑存在错误：document.getElementsByName()返回的是所有同名元素的集合，无法直接对集合设置checked属性；且代码仅读取了checked属性值，没有执行赋值操作，无法修改单选框状态。
• check()函数未接收选中值参数，无论用户提交时选的是哪一个单选框，函数都只会尝试操作arbeiter对应的选项，无法匹配用户实际选择。
• JS方案依赖客户端脚本执行，存在JS加载失败、用户禁用JS等场景下失效的问题。

最优解决方案 #

直接通过PHP在渲染单选按钮时动态输出checked属性，无需依赖JS，稳定性更高，修改后的完整代码如下：

<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
</head>
<body>
<h1>Arbeitsverhältnis:</h1> 
<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
    <input type="radio" name="arbeitstyp" value="arbeiter" id="arbeiter" 
    <?php if(isset($_POST['arbeitstyp']) && $_POST['arbeitstyp'] == 'arbeiter') echo 'checked';?>
    />Arbeiter
    <input type="radio" name="arbeitstyp" value="angestellter" id="angestellter"
    <?php if(isset($_POST['arbeitstyp']) && $_POST['arbeitstyp'] == 'angestellter') echo 'checked';?>
    />Angestellter
    <input type="radio" name="arbeitstyp" value="lehrling" id="lehrling"
    <?php if(isset($_POST['arbeitstyp']) && $_POST['arbeitstyp'] == 'lehrling') echo 'checked';?>
    />Lehrling
    <br><br>
    <button type="submit" name="ausgabe" value="ausgabe">Ausgabe</button>
</form>
<br>
<hr>
<br>
<?php
    if (isset($_POST['ausgabe'])){
        if(isset($_POST['arbeitstyp'])){
            if($_POST['arbeitstyp'] == "arbeiter"){
                echo "Deine Arbeitszeit beginnt um 07:00 Uhr.";
            }
            else if($_POST['arbeitstyp'] == "angestellter"){
                echo "Deine Arbeitszeit beginnt um 08:00 Uhr.";
            }
            else if($_POST['arbeitstyp'] == "lehrling"){
                echo "Deine Arbeitszeit beginnt um 08:30 Uhr.";
            }
        }
        else {
            echo "bitte wähle etwas aus.";
        }
    }
?>
</body>
</html>

修改说明 #

• 移除了原有的JScheck()函数以及PHP中调用JS的代码，减少不必要的客户端依赖
• 每个单选按钮标签内增加了PHP判断逻辑，提交后如果当前单选按钮的value和用户提交的值一致，就输出checked属性，默认选中该选项
• 增加了isset($_POST['arbeitstyp'])的判断，避免用户未选中任何选项直接提交时的PHP报错

可选JS修复方案 #

如果一定要用JS实现，修改check()函数如下即可：

function check(selectedValue) {
    document.getElementById(selectedValue).checked = true;
}

PHP调用时传入对应的值即可：

echo '<script>check("arbeiter");</script>'; // 对应不同选项传入不同value

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