JSFiddle - React, Tailwind, and code Playground

by deligeli

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.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" >Radio 1 
        
    </label>
    <label class="btn btn-primary btn-set-or-raise">
        <input type="radio" name="options" id="option2" val="option2" >Radio 2
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="option3" >Radio 3
    </label>
</div>
<input type="button" onclick="checkSelected()" value="Check Selected" />

JavaScript

$(document).ready(function() {
	$(".btn-group :input").attr("disabled", true);
});

function checkSelected() {
 if ($("input[name=options]:checked").length > 0)
	console.log("one is selected!");
 else
  console.log("none are selected!");
}