只要我使用单选按钮，它工作正常。然后我将单选按钮封装在引导标记内，将其转换为按钮组 – 现在当我单击按钮时，单击事件不会触发。不知道我错过了！

这里是代码

动态生成的标记

<div id="q_opt" class="btn-group" data-toggle="buttons">
        <label class="btn btn-default active" id="d_op_0"> <input id="q_op_0" name="op" type="radio" value="0">22%
    </label>
    <label class="btn btn-default" id="d_op_1"> <input id="q_op_1" name="op" type="radio" value="1">19%
    </label>
    <label class="btn btn-default" id="d_op_2"> <input id="q_op_2" name="op" type="radio" value="2">11%
    </label>
    <label class="btn btn-default" id="d_op_3"> <input id="q_op_3" name="op" type="radio" value="3">42%
    </label>
    <label class="btn btn-default" id="d_op_4"> <input id="q_op_4" name="op" type="radio" value="4">8%</label>
</div>

以下是通过jQuery选择器选择收音机的标记，并检查点击是否被触发

$(document).on('click','input:radio[id^="q_op_"]',function(event) {
    alert("click fired");
}

引导程序以某种方式干扰 – 或者我缺少一些步骤？我盯着代码，我的眼睛不再捕捉到错误了。任何帮助/提示赞赏！

(PS – 单选按钮被转换为一个漂亮的按钮组，按钮单击并保持按下的人点击等，所以行为似乎很好，除了点击没有注册的(..)