在我的网页中，我放置了一些单选按钮。但这些按钮无法正常工作。我可以检查多个按钮。
代码：
<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="bcd" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="efg" >
我只想检查一个按钮。请任何人帮助我。
因为你有不同的name属性值，所以它们应该有一个共同的name值，就像你对项目进行分组一样......例如
<input type="radio" name="group1" />
<input type="radio" name="group1" />
<input type="radio" name="group1" />
<!-- You can select any one from each group -->
<input type="radio" name="group2" />
<input type="radio" name="group2" />
<input type="radio" name="group2" />
<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >
所有输入必须具有相同的 name="" 属性值
组合在一起的单选按钮必须具有相同的区分大小写的name属性。
<label for="input1">First Input</label>
<input type="radio" id="input1" name="inputGroup" >
<label for="input2">Second Input</label>
<input type="radio" id="input2" name="inputGroup" >
<label for="input3">Third Input</label>
<input type="radio" id="input3" name="inputGroup" >
从HTML 规范：
单选按钮类似于复选框，只是当多个按钮共享同一个控件
name时，它们是互斥的。
名称属性需要相同。名称将单选按钮组合在一起，使它们成为一个单元。
名称设置告诉该字段属于哪一组单选按钮。当您选择一个按钮时，同一组中的所有其他按钮都将被取消选择。如果您无法定义当前按钮属于哪个组，则每个页面上只能有一组单选按钮。 例如：
<input type="radio" name="fruit1" value="Apple"> Apple <br>
<input type="radio" name="fruit1" value="Apricot" checked> Apricot <br>
<input type="radio" name="fruit1" value="Avocado"> Avocado
<hr>
<input type="radio" name="fruit2" value="Banana"> Banana<br>
<input type="radio" name="fruit2" value="Breadfruit"> Breadfruit<br>
<input type="radio" name="fruit2" value="Bilberry" checked> Bilberry
以相同的方式命名它们，在您的 php 或接收代码中，它将类似于
$_POST['name'] = 'value of selected radio button'
为要从中选择一个选项的所有单选按钮指定相同的名称
<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >
现在它将正常工作
为名称赋予相同的属性。选中的属性可用于指示应选择哪个值。在您要检查的值的语法中某处写checked="checked"
我找到了这个线程，搜索关键字“html radio not working”。查看我的代码后，我注意到我使用了一个 javascript 方法“event.preventDefault();” 在我制作的这个自定义函数中，在该自定义函数中触发此事件的 HTML 节点是“不工作”的无线电父节点。所以我解决了删除“event.preventDefault();”的问题。如果将来有人到达这个线程，我希望这能以某种方式帮助你（即使是为了调试目的）。