Question

如果它们的格式不同，如何一次只检查一个单选按钮？

矿井位于工具栏中，因此被迫采用其他形式。

<nav>
    <ul>
        <li class=red>
            Red:
            <input id=red type=radio value='Red'>
        </li>
        <li class=yellow>
            Yellow:
            <input id=yellow type=radio value='Yellow'>
        </li>
        <li class=grey>
            Grey:
            <input id=grey type=radio value='Grey'>
        </li>
        <li class=blue>
            Blue:
            <input id=blue type=radio value='Blue'>
        </li>
        <li class=lightBlue>
            Light Blue:
            <input id=lightBlue type=radio value='Light Blue'>
        </li>
        <li class=orange>
            Orange:
            <input id=orange type=radio value='Orange'>
        </li>
    </ul>
</nav>

我尝试将<form>放在<ul>和第一个<li>之间，但这没用。

Answer 1

为他们提供相同的name属性，例如name="color"。像这样：

    <ul>
        <li>
            Red:
            <input  name="color" id=red type=radio value='Red'>
        </li>
        <li class=yellow>
            Yellow:
            <input  name="color" id=yellow type=radio value='Yellow'>
        </li>
        <li class=grey>
            Grey:
            <input name="color" id=grey type=radio value='Grey'>
        </li>
        <li class=blue>
            Blue:
            <input  name="color" id=blue type=radio value='Blue'>
        </li>
        <li class=lightBlue>
            Light Blue:
            <input name="color" id=lightBlue type=radio value='Light Blue'>
        </li>
        <li class=orange>
            Orange:
            <input name="color" id=orange type=radio value='Orange'>
        </li>
    </ul>

此外，虽然您的代码按原样“工作”（在添加name属性之后），但我还将所有属性值都用双引号引起来，例如id="red" type="radio" name="color" value="Red"。出于某些原因，请阅读this。

一次仅在一个不同的表格中选中一个单选按钮

1 个答案: