【问题标题】:How to allow only one radio button to be checked?如何只允许检查一个单选按钮?
【发布时间】:2011-07-22 03:00:49
【问题描述】:
{% for each in AnswerQuery %}
    <form action={{address}}>
        <span>{{each.answer}}</span><input type='radio'>
        <span>Votes:{{each.answercount}}</span>
        <br>
    </form>
{% endfor %}

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

【问题讨论】:

    标签: html django forms


    【解决方案1】:

    您只需要遵循一个步骤!

    确保您需要在开始标记中添加与该属性名称相同的属性名称!

    例子:

    <input name="18+" value="yes" id="18" type="radio">Yes
      <input name="18+" value="No" id="bel" type="radio">No

    【讨论】:

      【解决方案2】:

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

      即,

      <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
      

      希望这会有所帮助。

      【讨论】:

        【解决方案3】:

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

        【讨论】:

        • @PHPer 可能是因为他给出的答案与接受的答案相同,但 6 年后......
        • @norcaljohnny 应该被报告/标记,但只是投票否决是不准确的
        • @PHPer 放轻松,伙计。我从来没有说过我否决了它,我只是回复了你的评论,至于为什么,它可能被否决了。
        【解决方案4】:

        只需在您使用的整个表单中使用相同的名称即可。

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

        【讨论】:

          【解决方案5】:

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

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

          每组同名按钮只能选中一个单选按钮。

          【讨论】:

            【解决方案6】:

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

            &lt;input type="radio" name="Radio1" /&gt;

            【讨论】:

              【解决方案7】:

              只需给他们相同的名字:

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

              【讨论】:

              • 天啊...好吧,如果我不给他们分配名字的话。默认情况下,它们都应该有空字符串作为名称,对吗?谢谢
              • @Clinteney 没有名称,它们并不是表单的真正组成部分,并且在提交表单时不会发送它们的值。浏览器使用该名称来设置单选按钮的“组”,每次只能选择每个组中的一个单选按钮,选择其他将清除先前的选择。 :)
              • 对于我刚刚继承的项目,我的表单上的两个单选按钮必须命名不同。一个字段是 ALL 字段,另一个字段是动态的,基于 URL 中的值。他们希望用户只能选择一个收音机。
              • @user3120861 所以唯一的方法是使用客户端代码,即 JavaScript。使用纯 JS 是可能的,但使用 jQuery 更容易。有关更多详细信息,请在聊天中联系我,如果我们能得到一些东西,我会添加到答案中。干杯! :)
              【解决方案8】:

              他们需要有相同的名字。

              【讨论】:

                猜你喜欢
                • 2018-08-01
                • 2014-01-04
                • 1970-01-01
                • 1970-01-01
                • 2021-06-18
                • 1970-01-01
                • 2021-03-04
                • 1970-01-01
                • 2017-04-10
                相关资源
                最近更新 更多