본문 바로가기

js/jQuery

[bootstrap4] radio button 체크하기



bootstrap 4 - buttons

https://v4-alpha.getbootstrap.com/components/buttons/


 HTML


<div id="radioGroup" class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked value="Radio1" /> Radio 1 (preselected)
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2" autocomplete="off" value="Radio2" /> Radio 2
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option3" autocomplete="off" value="Radio3" /> Radio 3
  </label>
</div>


javascript


var radioGroup = $('#radioGroup input:radio:checked').val();
alert(radioGroup);

$(document).on('click','#radioGroup', function(){
	var checkedRadio = $('#radioGroup input:radio:checked').val();
	alert(checkedRadio);
});

demo link : https://jsfiddle.net/86w6c0y2/4/