JSFiddle - React, Tailwind, and code Playground

by dvanauken

HTML

<div id="state">

  <h1>Florida</h1>
  <hr />
  <div id="fl" class="airports">
    <input type="radio" name="code1" value="mia" class="airport" />MIA
    <input type="radio" name="code1" value="mco" class="airport" />MCO
    <input type="radio" name="code1" value="tpa" class="airport" />TPA
  </div>
  <br />
  <h1>California</h1>
  <hr />
  <div id="ca" class="airports">
    <input type="radio" name="code2" value="san" class="airport" />SAN
    <input type="radio" name="code2" value="lax" class="airport" />LAX
    <input type="radio" name="code2" value="sfo" class="airport" />SFO
  </div>
  <br />
  <h1>Texas</h1>
  <hr />
  <div id="tx" class="airports">
    <input type="radio" name="code3" value="dfw" class="airport" />DFW
    <input type="radio" name="code3" value="iah" class="airport" />IAH
    <input type="radio" name="code3" value="aus" class="airport" />AUS
  </div>
</div>
<input type="button" id="test" value="Test" />

JavaScript

$('#test').on('click', function(){
  $('#state .airports').each(function(i, bin){
    $(bin).find("input").each(function(index, el){
    	if($(el).attr('type')==='radio'){
        alert('test1' + $(el).selected);
      }
      else{
        alert('test2');
      }
    	//var value = $(el).find("input[name=code]:checked").val();
    	//if($(el).is('input:radio')){
      //var value = $(el).find('.airport:checked').val();
      //alert(value);
    });
  });
});