如何使单选按钮仅选择一个选项

时间:2019-10-24 11:12:33

标签: html

我正在寻找允许单选按钮选项仅选择一个选项的代码。

以下是我尝试过的内容:

  •                                                                  是                                                              
  •                             
  •                                                                  否

                                <div class="check">
                                    <div class="inside"></div>
                                </div>
                            </li>
    
                            <li> 
                                <input type="radio" id="{concat('NA', ./Identifier)}" name="{concat('NA', ./Identifier)}" value="{concat(./Identifier/text(), 'NA')}" />
                                <label for="{concat('NA', ./Identifier)}">Not Applicable</label>
    
                                <div class="check">
                                    <div class="inside"></div>
                                </div>
                            </li>
    
  • 2 个答案:

    答案 0 :(得分:1)

    使每个单选按钮具有相同的名称:

    <input type="radio" name="radioButton" value="Yes" />
    <input type="radio" name="radioButton" value="No" />
    

    答案 1 :(得分:0)

    如果要从多个中进行切换或单选,则必须为所有元素的每个元素赋予相同的名称。

    <input type="radio" name="rb" value="One" />
    <input type="radio" name="rb" value="Two" />
    <input type="radio" name="rb" value="Three" />
    <input type="radio" name="rb" value="Four" />