只允许检查一个单选按钮HTML

Question

我有一系列单选按钮，其中我只希望能够选择1。我有他们所有的同名，所以我认为这会做的伎俩，但我仍然可以选择所有四个。

<h1>Portion</h1> 

      <input type="radio" name="portion_num" value="2" /> Two 

      <input type="radio" name"portion_num" value="4" /> Four 

      <input type="radio" name"portion_num" value="6" /> Six 

      <input type="radio" name"portion_num" value="8" /> Eight 

Answer 1

它不工作的原因是因为你的名字属性的语法是错误的。

name"portion_num"应该name="portion_num"

http://jsfiddle.net/65ba8/

Answer 2

将它们放在表单标签内。

像这样

 <form> 
     <input type="radio" name="portion_num" value="2" /> Two 

     <input type="radio" name="portion_num" value="4" /> Four 

     <input type="radio" name="portion_num" value="6" /> Six 

     <input type="radio" name="portion_num" value="8" /> Eight 
    </form> 

Answer 3

http://jsfiddle.net/

<form> 
    <input type="radio" name="portion_num" value="2" />Two 
    <input type="radio" name="portion_num" value="4" />Four 
    <input type="radio" name="portion_num" value="6" />Six 
    <input type="radio" name="portion_num" value="8" />Eight 
</form>