JSFiddle - React, Tailwind, and code Playground

by Niffler

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<h1> This is a Demo </h1>

<table id="exampleTable" border="1" cellpadding="10" align="center">
 
  <tr>
    <td>
      <input type="button" value="Input Button">
    </td>
 

    <td>
      <input type="checkbox">
    </td>

    <td>
      <input type="file">
</td>
     <td>
    <form class="submitDecision" id="submitDecisionform' ||sNum||'">
    <div class="decisionMessage"></div>
      <input type="radio" id="decisionAccept"  name="decision" class="decisionRadio" 						 value="Y">Accept
      
       <input type="radio" id="decisionDeny"  name="decision" class="decisionRadio"   value="N">Deny
       <input type="radio" id="decisionClear"  name="decision" class="decisionRadio"   value="C">
       		  Clear Decision
       <input type="hidden" id="sNum" value="">   
       <input type="hidden" id="appNum" value="">   
       <input type="hidden" class="appMajor" value="" />  
       <div style="font-weight:bold;margin :10px 0px 10px 0px;"> Deny reasons</div>
       <select id="denyReason" style="margin-bottom:1em;">
			<option value="0">*** If denied, please make a selection ****</option>
			<option value="1">Reason1</option>
			<option value="2">Reason2</option>
			<option value="3">Reason3</option>
			<option value="4">Reason4</option>
		</select> <br>
        <b>Site</b> <span id="site_span"></span><br>
		<div id="selectSiteCodeDiv" class="selectSite" style="font-weight:bold;margin :10px 0px 10px 0px;">
              <select id="selectedSiteCode">
             	<option value="0">*** Please make a site selection ****</option>;
            
              	<option value="A">SiteA</option>
              	<option value="B">SiteB</option>
              </select></div>
 <p> </p><br>
<input value="Submit" type="submit"></form>
</td>

<tr>
   <td>
      <input type="button" value="Input Button">
    </td>
 

    <td>
      <input type="checkbox">
    </td>

    <td>
      <input type="file">
</td>
  ...

JavaScript

var  selectedDecision =" ";
	 $(".submitDecision ").on("click", "input:radio[name=decision]",function(){
  		
         var strMajor = $(this).next('.appMajor').val();
 
 if ($(this).attr("value")== "Y" && strMajor =="EN"){
         selectedDecision =  "Y" ;    
            $("#selectSiteCodeDiv").show();
      
     }
     else if ($(this).attr("value")=="N" && strMajor !="EN")  {
     selectedDecision =  "N" ; 
     
    $("#selectSiteCodeDiv").hide();
     }
     else if ($(this).attr("value")=="C" && strMajor !="EN") {
     selectedDecision =  "C" ;
         $("#selectSiteCodeDiv").hide();
     
     }
});