jQuery - reset button checked bootstrap onclick by Norlihazmey Ghazali
Reset all checked element iinside radio button on click event of button
by deligeli
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>
<link rel="stylesheet" href="https:////maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary btn-set-or-raise">
<input type="radio" name="options" id="option1" val="option1" autocomplete="off" >Radio 1 (preselected)
</label>
<label class="btn btn-primary btn-set-or-raise">
<input type="radio" name="options" id="option2" val="option2" autocomplete="off">Radio 2
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option3" autocomplete="off">Radio 3
</label>
<i class="fa fa-percent" aria-hidden="true"></i>
</div>
JavaScript
$(".btn-set-or-raise").click(function (e) {
var source = e.target || e.srcElement;
switch $(source).children('input:radio').val() {
case "option1":
console.log("hi");
break;
case "option2":
console.log("hi2");
break;
default:
default onsole.log("prob an error");
}
});