单选按钮，并将其值存储到javascript变量中

radio button and storing its value to a javascript variable

本文关键字：javascript 变量 存储 单选按钮      更新时间：2023-09-26

如何将返回值从脚本函数分配到HTML主体内的javascript变量??这将返回选定的变量那么我如何将它赋值给HTML主体中的变量

<body>
<form action="somepage.php" method="post" >
            <table cellpadding=50px>
                <tr>
                    <td>
                        <input type="radio" name="option" value="opt1" id="op1"></input>
                    </td>
                    <td>
                        <input type="radio" name="option" value="opt2" id="op2"></input>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="radio" name="option" value="opt3" id="op3"></input>
                    </td>
                    <td>
                        <input type="radio" name="option" value="opt4" id="op4"></input>
                    </td>
                </tr>
            </table>
            <input type="button"  name="click" value="Click" onclick="get_value()">
            <input type="submit"  name="submit" value="submit">
            </form>
<script>
            function get_value() {
                var x=document.getElementsByTagName("input");
                for (var i=0;i<x.length;i++) {
                    if (x[i].checked==true) {
                        selected=x[i].value;
                        return selected;
                    }
                }
            }
        </script>
</body>

在开始编写代码之前，您首先需要了解事物是如何协同工作的。

  • Web浏览器向服务器请求PHP文件

  • 该文件首先由PHP(在服务器端)执行，将其转换为没有任何PHP代码的HTML片段

  • 生成的文本(可能最终包含javascript或css)然后被发送回浏览器。

  • 最后，浏览器解析它(在客户端)，把它变成一个元素树，也解析和执行javascript和css的片段，最终包含在HTML中。

无法将javascript的返回值放入PHP中，因为PHP在javascript之前执行，并且是分开执行的。

由于你不使用HTML5，脚本是这样声明的:

<script type="text/javascript"></script>
相关文章：