标签=＆＃34;＆＃34;没有检查点击

Question

这是我的标记：

<nav>
    <input type="radio" name="promoNav" id="promo-nav-1">
    <input type="radio" name="promoNav" id="promo-nav-2">
    <input type="radio" name="promoNav" id="promo-nav-3">
    <input type="radio" name="promoNav" id="promo-nav-4">
</nav>

<ul class="items container">
        <li>
            <label for="promo-nav-1">
                <strong>Item 1</strong>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            </label>
        </li>
        <li>
            <label for="promo-nav-2">
                <strong>Item 2</strong>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                testing
            </label>
        </li>
        <li>
            <label for="promo-nav-3">
                <strong>Item 3</strong>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            </label>
        </li>
        <li>
            <label for="promo-nav-4">
                <strong>Item 4</strong>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
            </label>
        </li>
</ul>

出于某种原因，当单击标签时，浏览器将专注于正确的收音机，但不会检查它。我错过了什么吗？