JSFiddle - React, Tailwind, and code Playground

by Sethu raman

HTML

<form id="mchoice">
<div id="div1">
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<span class="error_radio"></span></div> 
   
    <br/>
<div id="div2">
<input type="radio" name="radio2">
<input type="radio" name="radio2">
<span class="error_radio"></span></div> 
    <br/>
 <div id="div3">   
<input type="radio" name="radio3">
<input type="radio" name="radio3">
    <span class="error_radio"></span></div>
    </br>
    <input type="submit" value="submit"/>
    </form>

JavaScript

$("#mchoice").submit(function () {
    
    var isSubmit;
    var names=[];
$('input[type="radio"]').each(function(){
          names[$(this).attr('name')] = true; 
          });    
    
        for(radio in names)
        {
            var radio_buttons = $("input[name='" + radio + "']");
          

            if( radio_buttons.filter(':checked').length == 0)
            {
                isSubmit=false;
             radio_buttons.next('span').text("No answer");
            } 
            else
            {
              radio_buttons.next('span').text("");
            }
        }
    return isSubmit;
   });