2013-09-14 7 views
3

Я не могу выбрать один переключатель одновременно. Выбираются несколько кнопок. Я новичок в html. Это мой код. Пожалуйста помоги.невозможно выбрать один переключатель одновременно

<form name="ans_a" onsubmit="return answer_a()"> 
    <table align="center" border="1"> 
     <br> 
     <br> 
     <tr> 
      <td width="500px"> ABC 
       <br> 
       <input type="radio" name="A" value="a" id="radio1"> A &nbsp Option A <br> 
       <input type="radio" name="B" value="b" id="radio2"> B &nbsp Option B <br> 
       <input type="radio" name="C" value="c" id="radio3"> C &nbsp Option C <br> 
       <input type="radio" name="D" value="d" id="radio4"> D &nbsp Option D <br> 
       <br> 
       &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp 
       <input type="button" name="ans1" value="Next" onclick="answer_a()"> 
      </td> 
     </tr> 
    </table> 
</form> 
+0

дают одинаковое имя всем кнопкам. –

+1

Я знаю, что вы сказали, что новичок в HTML, но разве вы не используете учебники? Разумеется, они должны объяснить это. Как, по вашему мнению, браузер знает, какие переключатели являются частью одной и той же группы? – Barmar

+1

@Barmar Вещи, которые очевидны для вас или для меня, не будут для кого-то совершенно новым. Я лично вижу, как если меня попросят иметь разные свойства 'id' и' value', можно легко изменить атрибут 'name' как« Просто другой атрибут ». Я мог бы также разработать схему, посредством которой «Группировка» могла бы обрабатываться контейнером, в котором они были размещены. Например, как тег «option» в теге «select». В будущем я буду иметь в виду, что для отклика и смелости нужно отнестись к сообществу экспертов, и что прямая критика просто убедит в будущем преследовании и участии в CS. – garromark

ответ

5

Чтобы выбрать только один радио button во время вы должны установить такую ​​же name для каждого radio кнопки.

<input type="radio" name="A" value="a" id="radio1"> A &nbsp Option A <br> 
<input type="radio" name="A" value="b" id="radio2"> B &nbsp Option B <br> 
<input type="radio" name="A" value="c" id="radio3"> C &nbsp Option C <br> 
<input type="radio" name="A" value="d" id="radio4"> D &nbsp Option D <br> 
2

Чтобы выбрать только одну радиокнопку, вы должны поместить ее под одну группу, т. Е. Сделать атрибут имени одинаковым для всех из них.

<input type="radio" name="options" value="a" id="radio1"> A &nbsp Option A <br> 
<input type="radio" name="options" value="b" id="radio2"> B &nbsp Option B <br> 
<input type="radio" name="options" value="c" id="radio3"> C &nbsp Option C <br> 
<input type="radio" name="options" value="d" id="radio4"> D &nbsp Option D <br> 
Смежные вопросы