title: Get Radio Input Value On Button Click Javascript
body: <p>I Have an HTML Form. There Are 4 Questions. 3 Questions Radio, 1 Questions Text.</p>
  <p>There Is A Production That Will Go To the Next Step When All The Buttons Are Clicked. But the Values Selected on the Radio Button Do Not Come to Me. The Form is Working With Webhook and Needs to Send Data to Integromat.</p>
  <p>How Can I See the Values Clicked on the Radio Buttons?</p>
  <p>When I Click on the Radio Buttons, I Can See the Next Question, But I Can't See the Values Coming from the Radio Buttons. Thank you.</p>
  <p>Javascript:</p>
  <pre><code>$(document).ready(function() {
      'use strict';
  
    $('input[type=radio], input[type=checkbox]').on('click', function(e) {
      e.preventDefault(); 
      $(this).parents('.test-step').next().addClass('active');
      $(this).parents('.test-step').removeClass('active');
    })
  
    $('.test-step .prev-btn').on('click', function(e) {
      e.preventDefault();
      $(this).parents('.test-step').prev().addClass('active');
      $(this).parents('.test-step').removeClass('active');
    })
  
  })
  </code></pre>
  <p>HTML:</p>
  <pre><code>              &lt;div class=&quot;col-sm-6&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;calisan-sayisi&quot; onclick=&quot;getVals(this, '1-2');&quot; value=&quot;1 - 2&quot; class=&quot;form-control&quot; id=&quot;1 - 2&quot;&gt;
                    &lt;label for=&quot;1 - 2&quot;&gt;1 - 2&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-sm-6&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;calisan-sayisi&quot; value=&quot;3 - 4&quot; class=&quot;form-control&quot; id=&quot;3 - 4&quot;&gt;
                    &lt;label for=&quot;3 - 4&quot;&gt;3 - 4&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-sm-6&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;calisan-sayisi&quot; value=&quot;5 - 19&quot; class=&quot;form-control&quot; id=&quot;5 - 19&quot;&gt;
                    &lt;label for=&quot;5 - 19&quot;&gt;5 - 19&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-sm-6&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;calisan-sayisi&quot; value=&quot;20 - 49&quot; class=&quot;form-control&quot; id=&quot;20 - 49&quot;&gt;
                    &lt;label for=&quot;20 - 49&quot;&gt;20 - 49&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-sm-12&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;calisan-sayisi&quot; value=&quot;50 +&quot; class=&quot;form-control&quot; id=&quot;50 +&quot;&gt;
                    &lt;label for=&quot;50 +&quot;&gt;50 +&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
  </code></pre>