时间戳

首页 > 解决方案 > 如何在 1 个 div 中分别使用 2 个 jQuery checkboxradio 组？

jquery - 如何在 1 个 div 中分别使用 2 个 jQuery checkboxradio 组？

问题描述

请指教，我怎样才能分别使用2组checkboxradio？我希望“lang”之一和“currency”之一同时处于活动状态！

        <div class="radiobuttons">

            <div class="lang">    
                <label for="radio-en">EN</label>
                <input type="radio" name="radio" id="radio-en">
                <label for="radio-fr">FR</label>
                <input type="radio" name="radio" id="radio-fr">
                <label for="radio-gm">GM</label>
                <input type="radio" name="radio" id="radio-gm">
            </div>

            <div class="currency">
                <label for="radio-dollars">$</label>
                <input type="radio" name="radio" id="radio-dollars">
                <label for="radio-euro">€&lt;/label>
                <input type="radio" name="radio" id="radio-euro">
                <label for="radio-funt">£</label>
                <input type="radio" name="radio" id="radio-funt">
            </div>

        </div>

标签： jqueryradio-button

解决方案

MDN：

您可以在一个页面上拥有任意数量的电台组，只要每个组都有自己唯一的名称。

像这样使用它：

  <div class="radiobuttons">

        <div class="lang">    
            <label for="radio-en">EN</label>
            <input type="radio" name="radio-lang" id="radio-en">
            <label for="radio-fr">FR</label>
            <input type="radio" name="radio-lang" id="radio-fr">
            <label for="radio-gm">GM</label>
            <input type="radio" name="radio-lang" id="radio-gm">
        </div>

        <div class="currency">
            <label for="radio-dollars">$</label>
            <input type="radio" name="radio-currency" id="radio-dollars">
            <label for="radio-euro">€&lt;/label>
            <input type="radio" name="radio-currency" id="radio-euro">
            <label for="radio-funt">£</label>
            <input type="radio" name="radio-currency" id="radio-funt">
        </div>

    </div>

注意不同names的不同组

推荐阅读