JSFiddle - React, Tailwind, and code Playground

HTML

<div style="text-align: left;">
    <table id="SecurityRadioButtonList">
        <tr>
            <td>
                <input id="SecurityRadioButtonList_0" type="radio" name="SecurityRadioButtonList" value="" checked="checked" />
                <label for="SecurityRadioButtonList_0">None</label>
            </td>
            <td>
                <input id="SecurityRadioButtonList_1" type="radio" name="SecurityRadioButtonList" value="WEP" />
                <label for="SecurityRadioButtonList_1">WEP</label>
            </td>
            <td>
                <input id="SecurityRadioButtonList_2" type="radio" name="SecurityRadioButtonList" value="WPA" />
                <label for="SecurityRadioButtonList_2">WPA</label>
            </td>
            <td>
                <input id="SecurityRadioButtonList_3" type="radio" name="SecurityRadioButtonList" value="WPA2" />
                <label for="SecurityRadioButtonList_3">WPA2</label>
            </td>
        </tr>
    </table>
</div>
<!-- show/hide these based on above -->
<div id="divRadioGroupKeyFormatWEP" style="text-align: left;">
    <input id="radOpen" type="radio" name="RadioGroupKeyFormat1" value="radOpen" checked="checked" />
    <label for="radOpen">Open</label>
    <input id="radShared" type="radio" name="RadioGroupKeyFormat1" value="radShared" />
    <label for="radShared">Shared</label>
</div>
<div id="divRadioGroupKeyFormatWPA" style="text-align: left;">
    <input id="radTKIP" type="radio" name="RadioGroupKeyFormat2" value="radTKIP" checked="checked" />
    <label for="radTKIP">TKIP</label>
    <input id="radAES" type="radio" name="RadioGroupKeyFormat2" value="radAES" />
    <label for="radAES">AES</label>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

JavaScript

var wepDiv, wpaDiv;

    $(function () {

        wepDiv = $('#divRadioGroupKeyFormatWEP');
        wpaDiv = $('#divRadioGroupKeyFormatWPA');
        wepDiv.hide();
        wpaDiv.hide();

        $('#SecurityRadioButtonList input').click(function () {
            securityChange();
        });

        securityChange();
    });

    function securityChange() {
        var value = $('#SecurityRadioButtonList input:radio:checked').val();
        if (value != undefined) {
            if (value == "WEP") {
                wepDiv.show();
                wpaDiv.hide();
            } else if (value == "WPA" || value == "WPA2") {
                wepDiv.hide();
                wpaDiv.show();
            } else {
                wepDiv.hide();
                wpaDiv.hide();
            }
        }
    }