выбор радиокнопки в html

Question

здесь я перетаскиваю переключатель в html, но когда я выбираю радиокнопку один, а затем, когда я выбираю другую радиокнопку, тогда эта вторая всегда выбирается там, где я хочу, когда я выбираю 1 радиокнопку, тогда другие будут не может быть выбран здесь изображение и код

изображение

код

<tr> 
<td class="style10"><label>Subject Knowledge: </label></td> 
<td class="style10"> 
    <input id="Radio1" type="radio" /><span>1</span> 
    <input id="Radio2" type="radio" /><span>2</span> 
    <input id="Radio3" type="radio" /><span>3</span> 
    <input id="Radio4" type="radio" /><span>4</span> 
    <input id="Radio5" type="radio" /><span>5</span> 
    <p>Please tick the level of subject knowledge (1 = low to 5 = high)</p></td> 
</tr> 

любая помощь, пожалуйста, ?

Answer 1

Дайте такое же имя для всех переключателей. Try This

<tr> 
 
<td class="style10"><label>Subject Knowledge: </label></td> 
 
<td class="style10"> 
 
    <input id="Radio1" type="radio" name="somename" /><span>1</span> 
 
    <input id="Radio2" type="radio" name="somename"/><span>2</span> 
 
    <input id="Radio3" type="radio" name="somename"/><span>3</span> 
 
    <input id="Radio4" type="radio" name="somename"/><span>4</span> 
 
    <input id="Radio5" type="radio" name="somename"/><span>5</span> 
 
    <p>Please tick the level of subject knowledge (1 = low to 5 = high)</p></td> 
 
</tr>

Answer 2

Вы должны добавить атрибут name к своим переключателям.

Если два переключателя имеют одинаковое имя, можно выбрать только один переключатель.

<tr> 
<td class="style10"><label>Subject Knowledge: </label></td> 
<td class="style10"> 
    <input id="Radio1" name="myName" type="radio" /><span>1</span> 
    <input id="Radio2" name="myName" type="radio" /><span>2</span> 
    <input id="Radio3" name="myName" type="radio" /><span>3</span> 
    <input id="Radio4" name="myName" type="radio" /><span>4</span> 
    <input id="Radio5" name="myName" type="radio" /><span>5</span> 
    <p>Please tick the level of subject knowledge (1 = low to 5 = high)</p></td> 
</tr> 

---

Редактировать

Чтобы улучшить свой код, вы также можете:

• Добавить label тег, чтобы включить выбор на этикетке нажмите
• Добавить атрибут value

Вот пример:

<td class="style10"><label>Subject Knowledge: </label></td> 
<td class="style10"> 
    <label> 
     <input type="radio" name="myName" value="1" /> 
     <span>1</span> 
    </label> 
    <label> 
     <input type="radio" name="myName" value="2" /> 
     <span>2</span> 
    </label> 
    <label> 
     <input type="radio" name="myName" value="3" /> 
     <span>3</span> 
    </label> 
    <label> 
     <input type="radio" name="myName" value="4" /> 
     <span>4</span> 
    </label> 
    <label> 
     <input type="radio" name="myName" value="5" /> 
     <span>5</span> 
    </label> 
    <p>Please tick the level of subject knowledge (1 = low to 5 = high)</p> 
</td> 

Answer 3

Для группы переключателей для выбора только одного, вы должны дать такое же имя для всех переключателей, как выглядит следующим образом:

<tr> 
<td class="style10"><label>Subject Knowledge: </label></td> 
<td class="style10"> 
    <input id="Radio1" name="rdSubKnowledge" type="radio" /><span>1</span> 
    <input id="Radio2" name="rdSubKnowledge" type="radio" /><span>2</span> 
    <input id="Radio3" name="rdSubKnowledge" type="radio" /><span>3</span> 
    <input id="Radio4" name="rdSubKnowledge" type="radio" /><span>4</span> 
    <input id="Radio5" name="rdSubKnowledge" type="radio" /><span>5</span> 
    <p>Please tick the level of subject knowledge (1 = low to 5 = high)</p> 
</td> 
</tr> 

Answer 4

You should specify same name for the radio button group 

for example: 

<div> 
    <input name="Sport" type="radio" /><span>Basketball</span> 
    <input name="Sport" type="radio" /><span>Volleyball</span> 
    <input name="Sport" type="radio" /><span>Rugby</span> 
    <input name="Sport" type="radio" /><span>Football</span> 
    <input name="Sport" type="radio" /><span>Tennis</span> 
</div>