html - 无法一次选择一个单选按钮

Question

我无法一次选择一个单选按钮。多个按钮被选中。我是 html 的新手。这是我的代码。请帮忙。

<form name="ans_a" onsubmit="return answer_a()">
    <table align="center" border="1">
        <br>
        <br>
        <tr>
            <td width="500px"> ABC 
                <br>
                <input type="radio" name="A" value="a" id="radio1"> A &nbsp Option A <br>
                <input type="radio" name="B" value="b" id="radio2"> B &nbsp Option B <br>
                <input type="radio" name="C" value="c" id="radio3"> C &nbsp Option C <br>
                <input type="radio" name="D" value="d" id="radio4"> D &nbsp Option D <br>
                <br>
                &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
                <input type="button" name="ans1" value="Next" onclick="answer_a()">
            </td>
        </tr>
    </table>
</form>

Answer 1

name 属性必须相同才能一次只选择一个收音机button。id 可能会有所不同，具体取决于您是否要在某处捕获选择了哪个单选按钮。

<input type="radio" name="A" value="a" id="radio1"> A &nbsp Option A <br>
<input type="radio" name="A" value="b" id="radio2"> B &nbsp Option B <br>
<input type="radio" name="A" value="c" id="radio3"> C &nbsp Option C <br>
<input type="radio" name="A" value="d" id="radio4"> D &nbsp Option D <br>

Answer 2

要只选择一个单选按钮，您必须将它们放在一组中，即使所有它们的名称属性相同。

<input type="radio" name="options" value="a" id="radio1"> A &nbsp Option A <br>
<input type="radio" name="options" value="b" id="radio2"> B &nbsp Option B <br>
<input type="radio" name="options" value="c" id="radio3"> C &nbsp Option C <br>
<input type="radio" name="options" value="d" id="radio4"> D &nbsp Option D <br>

Answer 3

为我在项目中使用的所有单选按钮尝试相同的名称

 <div class="col-md-2">   <label><input type="radio" class="classone" name="A">Daily</label> </div>
 <div class="col-md-2">   <label><input type="radio" class="classone" name="A">Weekly</label> </div>
 <div class="col-md-2">   <label><input type="radio" class="classone" name="A">Monthly</label> </div>
 <div class="col-md-2">   <label><input type="radio" class="classone" name="A">Yearly</label> </div>