JSFiddle - React, Tailwind, and code Playground

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

var $radio = $("input:radio");
	$radio.change(function() 
	{
		var checkedButtons = false;
		$radio.each(function() {
			if (this.checked) 
			{
				var checkedButtons = true;
				return false;
			}
		});

		if (checkedButtons)
		{
			$("#postGender").removeAttr("disabled");
		}
			else
		{
			$("#postGender").attr("disabled", "disabled");
		}
	});