JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="avatar boy"></div>
<input type="radio" name="gender" id="gender_boy" value="M" />male
<button id="postGender" disabled="disabled">Next ></button>
<div class="avatar girl"></div>
<input type="radio" name="gender" id="gender_girl" value="F" />female

CSS

/* As you can see, the button stays disabled. */

JavaScript

$("input:radio").change(function () {$("#postGender").prop("disabled", false);});