Javascript 复选框单选按钮行为

我正在尝试将引导主题实现为OpenLayers层切换器控件的新样式。
在引导示例中，我注意到input元素嵌套在label元素中，如下所示：

<label class="radio span2">
    <input type="radio" value="option1">
    Cash
</label>
<label class="radio span2">
    <input type="radio" value="option2">
    Invoice
</label>
<label class="radio span2">
    <input type="radio" value="option3">
    Discover
</label>

现金
发票联
发现

似乎当你点击单选按钮的标签时，它会被选中，但不会被触发。但当你点击收音机本身时，它确实会被触发。复选框也会发生同样的情况。但即使选中复选框，这次也不会触发单击事件

你可以查看代码

---

如何解决此问题？

您已经为控件注册了一个

单击事件处理程序。如果不单击控件，则不会调用处理程序

当标签与元素关联时，单击它将“激活”该元素。如果是复选框或单选按钮，则表示选中/选中它

复选框也可以通过其他方式更改，例如键盘。因此，
单击
事件处理程序不是最佳选择。改为使用
change
事件。
你说得对，我禁用了所有已注册的事件并激活了单选按钮的onchange事件，现在一切正常。谢谢