jQuery - reset button checked bootstrap onclick by Norlihazmey Ghazali
Reset all checked element iinside radio button on click event of button
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="btn-group" data-toggle="buttons">
<label class="radio active">
<input type="radio" name="options" id="option1" autocomplete="off" checked/>Radio 1 (preselected)
</label>
<label class="radio">
<input type="radio" name="options" id="option2" autocomplete="off">Radio 2
</label>
<label class="radio">
<input type="radio" name="options" id="option3" autocomplete="off">Radio 3
</label>
</div>
JavaScript
$('body').on('click', '.btn.active', function(e){
e.stopImmediatePropagation();
e.preventDefault();
console.log(this, $('input:radio[name="options"]', this));
$(this).removeClass('active');
$('input:radio[name="options"]', this).prop('checked', false);
})