JSFiddle - React, Tailwind, and code Playground

by beradrian

HTML

<label><input type="radio" name="type" value="fruits" id="fruits" title="">Fruits</label>
<br/>
<label><input type="radio" name="type" value="animals" id="animals" title="">Animals</label>
<br/>

<label><input type="radio" name="fruits" value="apple" id="apple" title="">Apple</label>
<br/>
<label><input type="radio" name="fruits" value="banana" id="banana" title="">Banana</label>
<br/>

<label><input type="radio" name="animals" value="dog" id="dog" title="">Dog</label>
<br/>
<label><input type="radio" name="animals" value="cat" id="cat" title="">Cat</label>
<br/>

JavaScript

function onChange() {
    $("[name='type']").each(function() {
        var disabled = !this.checked;
        $("[name='" + this.value + "']").each (function() {
            this.disabled = disabled;
        });
    });
}
onChange();
$("[name='type']").change(onChange);