为什么我能够在此代码中检查多个单选按钮

时间:2012-04-11 16:08:14

标签: html

<body>
    <form name="search_form" id="search_form" method="POST" action="search_user_data.php">
        <table border="1">
            <tr>
                <td colspan="2">
                    <input type="text" id="search" name="search" />
                </td>
                <td>
                    <input type="submit" value="Search"/>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="id_radio"/>ID
                </td>
                <td>
                    <input type="radio" name="surname_radio"/>Surname
                </td>
                <td>
                    <input type="radio" name="dob_radio"/>DoB
                </td>
            </tr>
        </table>
    </form>
</body>

5 个答案:

答案 0 :(得分:16)

因为单选按钮中的name属性在广播组中必须相同。

试试这个:

<input type="radio" name="somename" value="id_radio"/>ID
<input type="radio" name="somename" value="surname_radio"/>Surname
<input type="radio" name="somename" value="dob_radio"/>DoB

w3c

的更多信息

答案 1 :(得分:0)

name属性是将单选按钮链接到组中的内容。使用value获取每个按钮的实际值。

            <td>
                <input type="radio" value="id_radio" name="btn_group"/>ID
            </td>
            <td>
                <input type="radio" value="surname_radio" name="btn_group"/>Surname
            </td>
            <td>
                <input type="radio" value="dob_radio" name="btn_group"/>DoB
            </td>

答案 2 :(得分:0)

这是因为他们都有不同的名字。给他们一个名字,他们将作为一个群体:

<input type="radio" name="radioGroup" value='id'/>ID
<input type="radio" name="radioGroup" value='surname'/>Surname
<input type="radio" name="radioGroup" value='dob'/>DoB

http://www.echoecho.com/htmlforms10.htm

答案 3 :(得分:0)

您必须为所有无线电输入使用相同的名称。

答案 4 :(得分:0)

您的问题是每个单选按钮都有不同的名称,以便它们组合在一起,它们必须具有相同的名称,看起来您的名称和价值令人困惑。

<body>
    <form name="search_form" id="search_form" method="POST" action="search_user_data.php">
        <table border="1">
            <tr>
                <td colspan="2">
                    <input type="text" id="search" name="search" />
                </td>
                <td>
                    <input type="submit" value="Search"/>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="searchType" value="id_radio"/>ID
                </td>
                <td>
                    <input type="radio" name="searchType" value="surname_radio"/>Surname
                </td>
                <td>
                    <input type="radio" name="searchType" value="dob_radio"/>DoB
                </td>
            </tr>
        </table>
    </form>
</body>