jQuery ButtonGroup

Bind to the selected event by type: jqxButtonGroup. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxButtonGroup'>
    <button style="padding:4px 16px;" id="Left">Left</button>
    <button style="padding:4px 16px;" id="Center">Center</button>
    <button style="padding:4px 16px;" id="Right">Right</button>
</div>

JavaScript

$('#jqxButtonGroup').jqxButtonGroup({
    theme: 'energyblue',
    mode: 'radio'
});
$('#jqxButtonGroup').on('selected', function (event) {
    alert("You unselected the " + event.args.index + " button!")
});