JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="gender" value="Male" id = "gender"/>Male
<input type="radio"  value="Female" id = "gender"/>Female

<button class='test'>Validate</button>

JavaScript

jQuery(function($){
    $('.test').click(function(){
    var isChecked = $('[name="gender"]:checked').length;
    if(isChecked < 1) {
        alert("please Select your gender");
        return;
    }
        alert("valid !");
    });
})