Html5 ButtonGroup

Invoke the enable method of the 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">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<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>
<div>
    <input type="button" style="margin-top: 10px;" value="Click me to enable the button group" id='jqxButton' />
</div>

JavaScript

$('#jqxButtonGroup').jqxButtonGroup({
    theme: 'energyblue',
    mode: 'radio'
});
$('#jqxButton').jqxButton({
    theme: 'energyblue'
});
$('#jqxButtonGroup').jqxButtonGroup('disable');
$('#jqxButton').on('click', function () {
    $('#jqxButtonGroup').jqxButtonGroup('enable');
});