Question

我将单选按钮放在不同的div

中

见下面的例子

HTML

<div><input type="radio"/></div>
<div><input type="radio"/></div>
<div><input type="radio"/></div>
<div><input type="radio"/></div>

那么我怎么能只选择其中一个？

Live jsfiddle here

Answer 1

为每个电台添加一个属性name="myRadio"。

Answer 2

radio个输入按name属性分组：

<div><input type="radio" name="foo" /></div>
<div><input type="radio" name="foo" /></div>
<div><input type="radio" name="foo" /></div>
<div><input type="radio" name="foo" /></div>

Updated fiddle

请注意，name属性是维护HTML有效性所必需的，并且还可以在服务器端检索所选值。

Answer 3

对这些单选按钮使用与name不同的value属性。

Answer 4

将它们放在不同的表格标签

中

<div><form>
<fieldset>
    <legend>Group 1</legend>
    <label class="radio-inline">
        <input type="radio" name="radio" value="1">Group 1 Option 1</label>
    <label class="radio-inline">
        <input type="radio" name="radio" value="2">Group 1 Option 2</label>
    <label class="radio-inline">
        <input type="radio" name="radio" value="3">Group 1 Option 3</label>
</fieldset>
</form>
<form>
<fieldset>
    <legend>Group 2</legend>
    <label class="radio-inline">
        <input type="radio" name="radio" value="1">Group 2 Option 1</label>
    <label class="radio-inline">
        <input type="radio" name="radio" value="2">Group 2 Option 2</label>
    <label class="radio-inline">
        <input type="radio" name="radio" value="3">Group 2 Option 3</label>
</fieldset>
</form>

如何组合不同div标签中的单选按钮

4 个答案: