一次只能以不同的形式选中一个单选按钮答案

【问题标题】：Only have one radio button checked at a time IN DIFFERENT forms一次只能以不同的形式选中一个单选按钮
【发布时间】：2018-08-26 19:30:44
【问题描述】：

如果单选按钮的形式不同，如何一次只选中一个？

我的在工具栏中，因此被强制转换为不同的形式。

<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> 之间，但没有奏效。

【问题讨论】：

我在这里根本看不到任何<form>s？

标签： javascript forms radio-button

【解决方案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。

【讨论】：