JSFiddle - React, Tailwind, and code Playground

by Robert Rozas Navarro

HTML

<div class="btn-group" data-toggle="buttons"  style="padding-left:25px"> 
  <label class="btn btn-primary active">
    <input type="radio" class="form-control"  name="optionu" value="Residential" checked > Residential 
  </label>
  <label class="btn btn-primary ">
    <input type="radio" class="form-control"  name="optionu" value="Commercial" > Commercial
  </label>
  <label class="btn btn-primary ">
    <input type="radio" class="form-control"  name="optionu" value="Handyman" > Handyman
  </label>
      <input type="button" id="test" value="Press me to know the value" />
</div>

JavaScript

$(document).ready(function(){
    $("#test").click(function(){
        alert($('input[name=optionu]:checked').val());
    });
});