我希望能够允许取消选择bootstrap btn-group单选按钮而不需要额外的按钮。
根据this的答案,我写了jsfiddle,但对我来说它不起作用。为什么? 通过查看日志,我发现该方法在第二次点击时被调用。
根据this的答案,我写了jsfiddle,但对我来说它不起作用。为什么? 通过查看日志,我发现该方法在第二次点击时被调用。
$('body').on('click', '.btn.active', function(e){
console.log("test");
e.stopImmediatePropagation();
$('input:radio[name="options"]').parent().removeClass("active");
})
HTML:
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option1" autocomplete="off" checked/>Radio 1 (preselected)
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2" autocomplete="off">Radio 2
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option3" autocomplete="off">Radio 3
</label>
</div>