jQuery get value of selected radio button

Question

The problem statement is simple. I need to see if user has selected a radio button from a radio group. Every radio button in the group share same id.

The problem is

Answer 1

See below for working example with a collection of radio groups each associated with different sections. Your naming scheme is important, but ideally you should try and use a consistent naming scheme for inputs anyway (especially when they're in sections like here).

$('#submit').click(function(){
  var section = $('input:radio[name="sec_num"]:checked').val();
  var question = $('input:radio[name="qst_num"]:checked').val();
  
  var selectedVal = checkVal(section, question);
  $('#show_val_div').text(selectedVal);
  $('#show_val_div').show();
});

function checkVal(section, question) {
  var value = $('input:radio[name="sec'+section+'_r'+question+'"]:checked').val() || "Selection Not Made";
  return value;
}

* { margin: 0; }
div { margin-bottom: 20px; padding: 10px; }
h5, label { display: inline-block; }
.small { font-size: 12px; }
.hide { display: none; }
#formDiv { padding: 10px; border: 1px solid black; }
.center { display:block; margin: 0 auto; text-align:center; }

  

    
Section 1

    
First question text
     YES
     NO
    

    
Second question text
     YES
     NO
    

    
Third Question
     YES
     NO
  

  

    
Section 2
    
First question text
     YES
     NO
    

    
Second question text
     YES
     NO
    

    
Third Question
     YES
     NO
  

  

    
Section 3
    
First question text
     YES
     NO
    

    
Second question text
     YES
     NO
    

    
Third Question
     YES
     NO
  




  

    
Choose Section Number
    
       1
    
       2
    
       3
    


    
    
Choose Question Number
    
       1
    
       2
    
       3