Question

在我的网页中，我放置了一些单选按钮。但这些按钮无法正常工作。我可以检查多个按钮。

代码：

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="bcd" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="efg" >

fiddle

我只想检查一个按钮。请任何人帮助我。

Answer 1

因为name属性的价值不同，所以它们应该有一个共同的name值，就像您对项目进行分组一样..例如

<input type="radio" name="group1" />
<input type="radio" name="group1" />
<input type="radio" name="group1" />

<!-- You can select any one from each group -->

<input type="radio" name="group2" />
<input type="radio" name="group2" />
<input type="radio" name="group2" />

Demo

Answer 2

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >

所有输入必须具有相同的名称=＆＃34;＆＃34;属性值

Answer 3

组合在一起的单选按钮必须具有相同的区分大小写的name属性。

<label for="input1">First Input</label>
<input type="radio" id="input1" name="inputGroup" >
<label for="input2">Second Input</label>
<input type="radio" id="input2" name="inputGroup" >
<label for="input3">Third Input</label>
<input type="radio" id="input3" name="inputGroup" >

JSFiddle demo

来自HTML specification：

单选按钮就像复选框一样，只有当多个按钮共享同一个控件name时，它们是互斥的。

Answer 4

名称属性必须相同。名称将单选按钮组合在一起以使它们成为一个单元

Answer 5

以相同的方式命名它们，并在您的PHP或接收代码中，它将类似于

$_POST['name'] = 'value of selected radio button'

Answer 6

名称设置告诉该字段属于哪组单选按钮。选择一个按钮时，同一组中的所有其他按钮都将被取消选中。如果您无法定义当前按钮所属的组，则每个页面上只能有一组单选按钮。例如

<input type="radio" name="fruit1" value="Apple"> Apple <br>
<input type="radio" name="fruit1" value="Apricot" checked> Apricot <br>
<input type="radio" name="fruit1" value="Avocado"> Avocado
<hr>
<input type="radio" name="fruit2" value="Banana"> Banana<br>
<input type="radio" name="fruit2" value="Breadfruit"> Breadfruit<br>
<input type="radio" name="fruit2" value="Bilberry" checked>  Bilberry

Answer 7

为要从中选择一个选项的所有单选按钮赋予相同的名称

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >

现在它将正常工作

Answer 8

为名称赋予相同的属性。选中的属性可用于指示应选择哪个值。在您要检查的值的语法中的某处写checked =“ checked”

单选按钮无法正常工作

8 个答案: