选择单选按钮

debugcn 发表于 Dev

安妮

从这里去哪里有点卡住了。我希望单选按钮返回所选按钮的值。但是现在，它仅返回第一项的值。我如何使其遍历所有值，这是我的代码。

<!DOCTYPE html>
<html>
<body>
    <?php include 'db_connector.php';
        $result = mysqli_query($con,"SELECT name FROM os_scope");
        while($row = mysqli_fetch_array($result)) {
            $row['name'];
            echo "<input type='radio' name='os' value=".$row['name']." id='myRadio'>";
        }
    ?>

    <p>Click the "Try it" button to display the value of the radio button.</p>
    <button onclick="myFunction()">Try it</button>
    <p id="demo"></p>

    <script>
        function myFunction() {
            var x = document.getElementById("myRadio").value;
            document.getElementById("demo").innerHTML = x;
        }
    </script>
</body>
</html>

用户名

<script>
    function myFunction() {
        var x = document.getElementsByName('os');
        var rate_value;
        for(var i = 0; i < x.length; i++){
            if(x[i].checked){
                rate_value = x[i].value;
                break;
            }
        }
        document.getElementById("demo").innerHTML = rate_value;

    }
</script>