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>

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

3 个答案: