JSFiddle - React, Tailwind, and code Playground

HTML

<form name='XIForm'>
<label>Gender </label> &nbsp&nbsp
        <input type='radio' name='XIGender' value='Male' id="XImale"/>Male
    <input type='radio' name='XIGender' value='Female' id="XIfemale"/>Female
    <input type="submit" id="XISubmit">
</form>

JavaScript

$("#XISubmit").click(function () {    
    var $XIForm = $('form[name=XIForm]');
    var XIGender = $XIForm.find('input[name=XIGender]:checked').val();
    if (XIGender == null || XIGender == "") {
        alert("Please select the gender");
        return false;
    }
    $XIForm.submit();
});