JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
apples:
<input type='checkbox' class='apples'>
<input type='checkbox' class='apples'>
<input type='checkbox' class='apples'>
<input type='checkbox' class='apples'>

<br><br>
bananas:
<input type='checkbox' class='bananas'>
<input type='checkbox' class='bananas'>
<input type='checkbox' class='bananas'>
<input type='checkbox' class='bananas'>

JavaScript

(function($) {
    $.fn.makeRadios = function() {
        var $items = this;
        return this.click(function() {
            $items.removeAttr('checked');
            $(this).attr('checked', true);
        });
    };
})( jQuery );

$('input.apples').makeRadios();
$('input.bananas').makeRadios();