javascript - html - 为什么单选按钮被多次选中而不是一个单选框？

Question

我需要有 4 个单选按钮，但不需要多选按钮。只有一个选择没有发生。

代码:

    <form id="fieldone_form">

<label for="field1"><input type="radio" id="field1" name="a" onclick="text_select_fieldonedone('6','bre1_6',1);">Call </label><br>
<label for="field2"><input type="radio" id="field2" name="b" onclick="text_select_fieldonedone('6','bre1_6',2);">Mail </label><br>
<label for="field3"><input type="radio" id="field3" name="c" onclick="text_select_fieldonedone('6','bre1_6',3);">Rejected </label><br>
<label for="field4"><input type="radio" id="field4" name="d" onclick="text_select_fieldonedone('6','bre1_6',4);">Not met</label><br>

    </form>

Answer 1

单选按钮按它们的 name 属性分组，因此您不能使用不同的名称。

这将允许一次只选择一个按钮:

<form id="fieldone_form">
    <label for="field1"><input type="radio" id="field1" name="a" onclick="text_select_fieldonedone('6','bre1_6',1);">Call </label><br>
    <label for="field2"><input type="radio" id="field2" name="a" onclick="text_select_fieldonedone('6','bre1_6',2);">Mail </label><br>
    <label for="field3"><input type="radio" id="field3" name="a" onclick="text_select_fieldonedone('6','bre1_6',3);">Rejected </label><br>
    <label for="field4"><input type="radio" id="field4" name="a" onclick="text_select_fieldonedone('6','bre1_6',4);">Not met</label><br>
</form>