在Bootstrap单选按钮上单击onclick无效

Question

我宣布了相同的结构：

<div class="btn-group" data-toggle="buttons" style="margin-left:50px;"> 
    <label class="btn btn-default">
        <input id="past5m" type="radio"> 5m
    </label> 
    <label class="btn btn-default"> 
        <input id="past1h" type="radio"> 1h
    </label>
</div>

根据this，我应该通过添加以下内容来附加onclick事件：

$(document).ready(function() {
    $('#past5m').click(function() { 
        alert('hello'); 
    });
});

JQuery已包含在代码中。

然而，当按下“＃past5m”时，没有任何反应。

你能帮我发现错误吗？

感谢。

Answer 1

单击标签，而不是值。尝试

$(window).ready(function() {

    $('#past5m').closest('label').click(function() { 
        alert('hello'); 
    });
});

在JSFiddle

上试用

Answer 2

好的，感谢this：

$(document).ready(function() {
    $('#past5m').change(function() { 
        alert('hello'); 
    });
});