【问题标题】:HTML radio buttons with multiple selections at once一次具有多个选择的 HTML 单选按钮
【发布时间】:2019-12-06 11:53:21
【问题描述】:

是否可以一次使用单选按钮进行多项选择? 还是我应该只使用复选框选择?

不幸的是,我在下面找到了这些问题:

Multiple Selections with Radio Buttons

HTML radio buttons allowing multiple selections

https://www.w3schools.com/html/html_form_input_types.asp

https://university.webflow.com/article/checkboxes-radio-buttons-and-select-inputs

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_radio

清楚地表明,没有这样的选择!?!

也许这些例子太简单了,没有展示更高级的可能性?

你能建议吗?

【问题讨论】:

  • 能够在同一组中选择多个单选按钮会破坏使用单选按钮的目的。使用复选框。
  • 好的,谢谢您的回答。所以不幸的是,没有选择......
  • 是的,据我所知,单选按钮没有选项,但如果是关于设计,那么您可以将复选框设计为单选按钮,但我认为这不是要求。
  • 单选按钮允许选择许多之一(确切地说是一个)。复选框允许选择许多(0 个或更多)中的任何一个。您可以设置复选框的样式,使其看起来像单选按钮,但我建议您不要这样做,除非您想混淆用户。您还可以创建多组单选按钮,其中每组允许一个值。
  • 您可以尝试我在下面发布的代码,如果有效,请告诉我们。

标签: html


【解决方案1】:

如果必须的话,你可以做到这一点,但如果你想允许多选,建议使用复选框。

    <div>
    <form target="_blank" onsubmit="try {return window.confirm(&quot;You are submitting information to an external page.\nAre you sure?&quot;);} catch (e) {return false;}">
    <input type="radio"> first<br>
    <input type="radio"> second<br>
    <input type="radio"> third<br>
    </form>
    </div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-01-09
    • 2013-04-22
    • 2012-12-28
    • 2012-04-23
    • 2011-10-28
    • 2017-06-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多