JSFiddle - React, Tailwind, and code Playground

by ilyador

HTML

<form name="firstForm" id="firstForm">
  <input type="radio" name="myRadioButton" value="y" id="firstRadioButton" /> Yes
</form>

<form name="SecondForm" id="SecondForm">
  <input type="radio" name="myRadioButton" value="y" id="SecondRadioButton" /> No
</form>

JavaScript

var radioID = $('form#firstForm > input:radio').prop('id');
alert('access form by ID:'+radioID);

var radioNameID = $('form[name="firstForm"] > input:radio').prop('id');
alert('access form by Name:'+radioNameID );

var firstFormRadio = $("form").eq(1).find('input:radio').prop('id');


alert('access Second form by Index:'+firstFormRadio );

/*

$("form input:radio")
$('form#firstForm > input:radio')
$("form").first().find("input:radio").first().val()
$("#myForm input.radio")
$("form").eq(1).find('input:radio')

*/