如何只允许检查一个单选按钮?


145
{% for each in AnswerQuery %}
    <form action={{address}}>
        <span>{{each.answer}}</span><input type='radio'>
        <span>Votes:{{each.answercount}}</span>
        <br>
    </form>
{% endfor %}

这是django模板的一部分,它应该做的是打印出几个单选按钮,对应于分配给这些按钮的答案。但是我不知道为什么我可以检查多个单选按钮,这让我很困惑。它应该只允许我检查一个单选按钮,但我以某种方式拥有它,但我却丢失了它。有什么帮助吗?谢谢。

Answers:


432

只需给他们起相同的名字:

<input type="radio" name="radAnswer" />

天哪...好吧,如果我不给他们分配名字的话。它们默认都应使用空字符串作为名称,对吗?谢谢
Clinteney Hui 2011年

20
@Clinteney没有名称,它们实际上不是表单的一部分,并且在提交表单时不会发送其值。浏览器使用该名称设置单选按钮的“组”,一次只能选择每个组中的一个单选按钮,选择其他单选按钮将清除先前的选择。:)
影子巫师为您而耳

宾果游戏,这是最简单但功能最强大的。
利沙伯

对于我刚刚继承的项目,表单上的两个单选按钮必须使用不同的名称。一个字段是ALL字段,另一个字段是动态的,基于URL中的值。他们希望用户只能选择一个无线电。
user3120861

@ user3120861,因此唯一的方法是使用客户端代码,即JavaScript。普通JS可能实现,而jQuery则更容易。有关更多详细信息,请在聊天中与我联系,如果我们能得到一些帮助,我将为您添加答案。干杯! :)
影子巫师


41

所有单选按钮必须具有相同的名称:

<input type='radio' name='foo'>

每组具有相同名称的按钮中只能检查1个单选按钮。


19

给他们起同样的名字,它将起作用。根据定义,单选按钮将只有一种选择,而复选框可以有很多选择。

<input type="radio" name="Radio1" />


7

只需在您使用的表格中给他们相同的名称即可。

<form><input type="radio" name="selection">
      <input type="radio" name="selection">
      ..
      ..
</form>

6

添加“名称”属性,并保持表单中所有单选按钮的名称相同。

<input type="radio" name="test" value="value1"> Value 1
<input type="radio" name="test" value="value2"> Value 2
<input type="radio" name="test" value="value3"> Value 3

希望这会有所帮助。


5

所有单选按钮选项必须具有相同的名称,以便您一次可以选择一个选项。


@PHPer也许是因为他给出了与接受的答案相同的答案,但是6年后……
norcal johnny19年

@norcaljohnny应该被举报/标记,但是仅仅投下赞成票是毫无意义的
PHPer

@PHPer轻松配合。我从来没有说过我投票反对,我只是回答你的评论,关于它为什么会被投票反对。
约翰·约翰尼
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.