JSFiddle - React, Tailwind, and code Playground

by iambriansreed

HTML

<form>
    
    <input type="radio" name="User[AnnoyingQuestion][1]" value="1|Do you like x or y?|X" id="Member[PartyProfile]_1_0" />

    <input type="radio" name="User[AnnoyingQuestion][1]" value="1|Do you like x or y?|Y" id="Member[PartyProfile]_1_1" class="elp-radio-question">
    
    <input type="submit">
    
</form>

JavaScript

$(function(){
        
            $('form').submit(function(e){
                
                var radios = {}, success = true;
            
                $('input[type="radio"]').each(function(){
                     var name = $(this).attr('name');
            
                     if(name in radios) return true;                    
                    
                     radios[name] = 
                         $('input[name="'+name +'"]:checked').length > 0;
                });    
                
                for(name in radios){
                    if(!radios[name]){
                        success = false;
                        alert('Please enter a value for '+name);
                    }
                }
                
                if(!success) e.preventDefault();
                
                else alert('Form Submitting...');
                
            });        
            
        });