JavaScript RadioButton
HTML
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div class='jqxRadioButton' id="firstButton">Radio Button 1</div>
<div class='jqxRadioButton' id="secondButton">Radio Button 2</div>
JavaScript
$(".jqxRadioButton").jqxRadioButton({
width: 120,
height: 25,
theme: 'energyblue',
groupName: "Group"
});
$(".jqxRadioButton").on("checked", function (event) {
alert(event.target.id);
});