Hi Saravanan,
Thank you for contacting Syncfusion support.
We have checked your query and it can be achieved by using JavaScript “onclick” event for an input element. We have created simple sample based on your scenario. Please refer the below code snippet and sample link.
HTML
<p class="h5">Radio selection</p>
<div id="text" class="e-btn-group">
<input type="radio" id="left" name="align" value="left">
<label class="e-btn" for="left">Left</label>
<input type="radio" id="center" name="align" value="center">
<label class="e-btn" for="center">Center</label>
<input type="radio" id="right" name="align" value="right">
<label class="e-btn" for="right">Right</label>
</div> |
JAVASCRIPT
document.getElementById('left').onclick = function () {
console.log('You clicked left radio button');
}
document.getElementById('center').onclick = function () {
console.log('You clicked center radio button');
}
document.getElementById('right').onclick = function () {
console.log('You clicked right radio button');
}
|
Sample link:
Could you please check the above sample and get back to us If you need further assistance on this?
Regards,
Saranya D