JSFiddle - React, Tailwind, and code Playground

by alexbfree

HTML

<form id="radio_form">
  <fieldset>
    <label><input type="radio" name="color" value="red" checked="checked" />Red</label><br />
    <label><input type="radio" name="color" value="yellow" />Yellow</label><br />    
    <label><input type="radio" name="color2" value="blue" />Blue</label><br />
    <label><input type="radio" name="color2" value="purple" />Purple</label><br />
  </fieldset>
    <input id="button" type="button" value="get checked radio button value" >
</form>

JavaScript

$('#button').click(function(){
var the_value, v2;
  the_value = jQuery('#radio_form input:radio[name=color]:checked').val();
  v2 = jQuery('#radio_form input:radio[name=color2]:checked').val();
    alert(the_value+' and '+v2);

});