onclick on Bootstrap单选按钮不起作用

onclick on Bootstrap radio button does not work

本文关键字：不起作用 单选按钮 Bootstrap on onclick      更新时间：2023-09-26

我已经声明了相同的结构：

<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>

根据这一点，我可以通过添加来附加onclick事件

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

JQuery已包含在代码中。

但是，当按下"#past5m"时，不会发生任何事情。

你能帮我找出错误吗？

谢谢。

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

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

在JSFiddle 上试用

好吧，多亏了这个：

$(document).ready(function() {
    $('#past5m').change(function() { 
        alert('hello'); 
    });
});
相关文章：