JSFiddle - React, Tailwind, and code Playground

HTML

<div class='group1'>
    <input type="radio" name="group[001]" id="1" />apple
    <input type="radio" name="group[001]" id="2" />pineapple
    <input type="radio" name="group[001]" id="3" />melon
</div>

<div class='group2'>
    <input type="radio" name="group[002]" id="4" />strawberry
    <input type="radio" name="group[002]" id="5" />orange
    <input type="radio" name="group[002]" id="6" />kiwi
</div>

<div class='group3'>
    <input type="radio" name="group[003]" id="4" />strawberry
    <input type="radio" name="group[003]" id="5" />orange
    <input type="radio" name="group[003]" id="6" />kiwi
</div>

<div class='group4'>
    <input type="radio" name="group[004]" id="4" />strawberry
    <input type="radio" name="group[004]" id="5" />orange
    <input type="radio" name="group[004]" id="6" />kiwi
</div>

<div class='group5'>
    <input type="radio" name="group[005]" id="4" />strawberry
    <input type="radio" name="group[005]" id="5" />orange
    <input type="radio" name="group[005]" id="6" />kiwi
</div>

<div>
    <input type="submit" value="Subimit me" disabled />
</div>

CSS

[class^=group]{
    float:left;
    width:100%;
    height: 40px;    
}

JavaScript

var checkboxes = $("input[type='radio']"),
    submitButt = $("input[type='submit']");

checkboxes.click(function() {
    var _enable = checkboxes.filter(":checked").length >= 5;
    submitButt.attr("disabled", !_enable);
});