Question

我打算做的是让每个单选按钮组独立工作。请参阅此http://codepen.io/anon/pen/tkqew

我想从每一行中选择一个选项，但它只选择一个选项。

在未来的工作中，我想动态生成这个整个图标线程，所以如果你能建议我如何做到这一点请。

Answer 1

通过为组中的单选按钮指定相同的name属性来创建单选按钮组。只需为第二行中的单选按钮提供另一个公共name，以便它们可以作为不同的组...

Answer 2

单选按钮活动依赖于名称。如果您想要一组Radiobutton，只需命名该组。

<input type="radio" name="optionsRadios" class="optionsRadios2" value="option1"  checked="checked" title="Nenhum">
{...}

<input type="radio" name="optionsRadios2" class="optionsRadios2" value="option1"  checked="checked" title="Nenhum">

Answer 3

如果您使用循环创建这些单选按钮，请使用单选按钮名称中的索引（作为前缀）。

像：

<input type="radio" name="first_1">
<input type="radio" name="first_2">

1和2是这里的索引..

Answer 4

您可以在单选按钮中选择多个选项，但不要将单选按钮名称与其他按钮相同，每个按钮都应具有唯一名称。像这样

    <input type="radio" name="button1">
    <input type="radio" name="button2">

还访问您的link我已更改

Answer 5

你需要给每个＆＃34;设置＆＃34;单选按钮的不同名称：

<div class="icon-thread">
    <ul>
        <li>
            <input type="radio" name="optionsRadios_set1" class="optionsRadios2" value="option1"  checked="checked" title="Nenhum">
            <label class="radio" for="optionsRadios2"><i class="icon-ban-circle icon-stack-base text-error"></i></label>
        </li>
        <li>
            <input type="radio" name="optionsRadios_set1" class="optionsRadios2" value="option2">
            <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-moon"></i></label>
        </li>
        <li>
            <input type="radio" name="optionsRadios_set1" class="optionsRadios2" value="option3">
            <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-plane"></i></label>
        </li>
    </ul>
</div>
<div class="icon-thread">
    <ul>
        <li>
            <input type="radio" name="optionsRadios_set2" class="optionsRadios2" value="option1"  checked="checked" title="Nenhum">
            <label class="radio" for="optionsRadios2"><i class="icon-ban-circle icon-stack-base text-error"></i></label>
        </li>
        <li>
            <input type="radio" name="optionsRadios_set2" class="optionsRadios2" value="option2">
            <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-moon"></i></label>
        </li>
        <li>
            <input type="radio" name="optionsRadios_set2" class="optionsRadios2" value="option3">
            <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-plane"></i></label>
        </li>
    </ul>
</div>

编辑：除此之外，您已经误用了标签中的for属性。这应与id元素的input匹配。

如何使单选按钮组（动态生成）独立工作？

5 个答案: