Одновременно проверяется только одна кнопка-переключатель В РАЗНЫХ формах

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>

Iпытался поместить <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 по некоторым причинам.