JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="icons clearfix">
    <li>
        <label>
        <input type="radio" value="123456" name="selecticon"/>
            <img src="pics/123456.jpg" alt="123456" width="34" height="34" />
        </label>
    </li>
    <li>
        <label>
        <input type="radio" value="654321" name="selecticon" />
            <img src="pics/654321.jpg" alt="654321" width="34" height="34" />
        </label>
    </li>
</ul>

CSS

.selected {border:2px solid green}

label {
    border:2px solid #ccc;
    margin:20px;
    display:block;
    padding:20px;
    cursor:pointer;
}

JavaScript

$("input:checked").parent().addClass('selected');

    $(":radio").live('change', function () {
       if ($(this).prop('checked')) {
            $(':radio[name="' + $(this).attr('name') + '"]').parent().removeClass('selected');
            $(this).parent().addClass('selected');
        }
    });

    $(":checkbox").live('change', function () {
        if ($(this).prop('checked')) {
            $(this).parent().addClass('selected');
        } else {
            $(this).parent().removeClass('selected');
        }
    });