JSFiddle - React, Tailwind, and code Playground

by kboucher

HTML

<div class="container">
    <ul class="radioList">
        <li><input type="radio" id="radio1" name="myradiolist" /><label for="radio1">Radio One</label></li>
        <li><input type="radio" id="radio2" name="myradiolist" /><label for="radio2">Radio Two</label></li>
        <li><input type="radio" id="radio3" name="myradiolist" /><label for="radio3">Radio Three</label></li>
    </ul>
</div>

CSS

.container { overflow: hidden; }
input[type='radio'] { visibility: hidden; }

JavaScript

$(function(){
    $( 'input[type="radio"]' ).change( function () {
        alert( $( this ).attr( 'id' ) + " " + $( this ).val() );
    });
}())