JSFiddle - React, Tailwind, and code Playground

by kasdega

HTML

<div id="main_menu">
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup">
            <div class="radioOne">
                <input type="radio" name="entry" id="radio-choice-1" value="addEmail" checked="checked" class="choose"/> 
                <label for="radio-choice-1" class="boldWhite">Add Email Address</label>
            </div>
            <div id="entry_active_contests">Active Contest(s)</div>
            <input type="radio" name="entry" id="radio-choice-2" value="contest1" class="choose"/> 
            <label for="radio-choice-2" class="boldWhite">Contest</label>
        </fieldset>
    </div>
</div>

JavaScript

$('.choose').click(function() {
    var valToCompare = $("input[name='entry']:checked").val();
    
    if (valToCompare == 'addEmail') {
        window.location.hash = "first";
        alert('1');
    } else if (valToCompare == 'contest1') {
        window.location.hash = "contest";
        alert('2');
    } else {
        alert('3');
    }
});