weixin_33711647 2014-10-28 10:28 采纳率: 0%
浏览 45

选择单选按钮

Am a bit stuck on where to go from here. I would like my radio button(s) to return the value of the selected button. But right now, its only return the value of the first item. How can I make it loop through all the values, here is my code.

<!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>
  • 写回答

3条回答 默认 最新

  • weixin_33674437 2014-10-28 10:34
    关注

    Try this : iterate all radio button with name="os" and then check which one has checked attribute true.

    NOTE - ids must be unique always hence use different id for different radio button.

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

报告相同问题?