JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="btn-group" data-toggle="buttons-radio" id="myButtonGroup">
    <button type="button" name="left" value="1" class="btn btn-default">Left</button>
    <button type="button" name="middle" value="2" class="btn btn-default">Middle</button>
    <button type="button" name="right" value="3" class="btn btn-default">Right</button>
</div>
<br />
<input type="text" id="myHiddelField">
<hr />
<div class="btn-group" data-toggle="buttons-radio" id="mySecondButtonGroup">
    <button type="button" name="left" value="1" class="btn btn-default">Left</button>
    <button type="button" name="middle" value="2" class="btn btn-default">Middle</button>
    <button type="button" name="right" value="3" class="btn btn-default">Right</button>
</div>
<br />
<input type="text" id="mySecondHiddenField">

JavaScript

$(document).ready(function () {
    $('#myButtonGroup .btn').click(function () {        
        var values = $(this).val();
        $('#myHiddelField').val(values);
    });

    $('#mySecondButtonGroup .btn').click(function () {
        var values = $(this).val();
        $('#mySecondHiddenField').val(values);
    });

});