JSFiddle - React, Tailwind, and code Playground
HTML
<div id="myContainer">
<form action="" method="post">
Radio: <input type="radio" name="myRadio" id="myRadio" value="1" />
</form>
</div>
JavaScript
$('#myContainer, #myRadio').click(function(event){
event.stopPropagation(); //This will stop the bubble so it only fires once per element
switch(event.srcElement)
{
case 'HTMLFormElement':
//The Div / Form
break;
case 'HTMLInputElement':
//The input itself
break;
}
return false;
})