【问题标题】:How to identify which radio button is accepted?如何识别哪个单选按钮被接受?
【发布时间】:2016-02-08 22:45:16
【问题描述】:

如何确定接受哪个单选按钮?

当我使用单选按钮时,如何防止用户选择多个选项?

<input type='radio' name='one'>option1<br />
<input type='radio' name='two'>option2<br />
<input type='radio' name='three'>option3<br />
<input type='radio' name='four'>option4<br />
<input type='radio' name='five'>option5<br />

这是我使用的代码,感谢阅读。

【问题讨论】:

    标签: html radio-button


    【解决方案1】:

    你需要使用“name”属性将它们绑定在一起,使用value属性赋予它们不同的值。

    <input type="radio" name="number" value="one" /> One<br />
    <input type="radio" name="number" value="two" /> Two<br />
    <input type="radio" name="number" value="three" /> Three<br />
    

    将姓名视为姓氏...例如,如果您有 Bart、Lisa、Homer、Marge 和 Maggie,则姓名将是他们的姓氏:Simpson,值将是上述姓名:

    <input type="radio" name="Simpson" value="Bart" /> Bart<br />
    <input type="radio" name="Simpson" value="Lisa" /> Lisa<br />
    <input type="radio" name="Simpson" value="Marge" /> Marge<br />
    <input type="radio" name="Simpson" value="Homer" /> Homer<br />
    <input type="radio" name="Simpson" value="Maggie" /> Maggie<br />
    

    【讨论】:

    • 很好的答案,非常有用。只要允许,我就会给它打上绿色的勾。谢谢老兄。
    • 如果我需要知道选择了哪个按钮怎么办?这可能吗?
    • 该值将是被选中的那个。
    【解决方案2】:

    你应该给他们相同的名字

    【讨论】:

      【解决方案3】:

      我猜名称/值对的顺序也很重要。名称应该出现在顺序之前

      【讨论】:

        【解决方案4】:

        我知道!这样做:

        <label><input type="radio" name="a">1</label>
        <label><input type="radio" name="a">2</label>
        <label><input type="radio" name="a">3</label>
        

        为“名称”属性赋予所有相同的值。您添加单选按钮的名称

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2017-03-29
          • 2016-09-27
          • 1970-01-01
          • 1970-01-01
          • 2012-05-23
          • 2018-05-15
          • 2021-04-25
          • 2011-01-17
          相关资源
          最近更新 更多