影响单选按钮行为的引导 css答案

【问题标题】：Bootstrap css affecting radio buttons behaviour影响单选按钮行为的引导 css
【发布时间】：2016-02-10 20:29:46
【问题描述】：

我发现使用带有引导程序的单选按钮以及获取 javascript 来查询单选按钮的选择存在问题。问题是，当单选按钮选择发生变化时，与按钮相关的onclick 事件会读取上一个 选择，而不是当前选择。

这是我能够创建的 MWE（打开控制台查看问题）：

单击“零”将 True 记录到控制台。再次单击“零”会将 False 记录到控制台。事实上，控制台的日志现在是单选按钮实际状态“背后”的一键点击。

我已经能够在没有 bootstrap.css 的情况下重新创建此错误，方法是不单击单选按钮本身，而是单击与单选按钮关联的标签。

似乎点击标签时，onclick 方法被调用之前单选按钮被更新。另一方面，当单击单选按钮本身时，onclick 方法在单选按钮更新后调用。

我的问题是：如何更改 js 或 html 以确保始终可以查询单选按钮的当前状态？

【问题讨论】：

【解决方案1】：

有一种简单有效的方法来解决这个问题，它是通过在onchange 事件下为每个输入添加函数，如下所示

<label class="btn btn-primary active">
    <input type="radio" onchange="checkform()" name="number" checked="" id="one" value="One" >One
</label>

onchange 事件将在单选按钮更改后触发，而不是像 onclick 事件发生的那样之前触发

【讨论】：