Кнопка радио не работает должным образом

На моей веб-странице я разместил несколько переключателей. Но эти кнопки работают неправильно. Я могу проверить несколько кнопок.

код:

<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

Я хочу проверить только одну кнопку. Пожалуйста, помогите мне.

Ответ 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" />

Демо

Ответ 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" >

Все входы должны иметь одинаковое значение атрибута name= ""

Ответ 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.

Из HTML-спецификация:

Радиоустройства похожи на флажки, за исключением того, что, когда несколько используют один и тот же элемент управления name, они являются взаимоисключающими.

Ответ 4

Атрибут Name должен быть одним и тем же. Сопоставьте группы радиостанций вместе, чтобы сделать их одним блоком.

Ответ 5

Назовите их одинаково, а в вашем php или получающем коде это будет что-то вроде

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

Ответ 6

Параметр name указывает, к какой группе переключателей относится поле. Когда вы выбираете одну кнопку, все остальные кнопки в той же группе не выбираются. Если вы не можете определить, к какой группе принадлежит текущая кнопка, у вас может быть только одна группа переключателей на каждой странице. , например:

<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

Ответ 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" >

Теперь будет работать нормально