JSFiddle - React, Tailwind, and code Playground

by Antony Joyson

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<script>
	
</script>
</head>
<body>
      <div>
    			<table>
    				<tr>
    					<td>Prize Status - Active:</td>
    					<td><div class="square">
    						<input type="checkbox" name="status" id="square" value="1" onchange="checkdisable()"  />
    					  </div>
    					</td>
    				</tr>
    			</table>
    			 <label>Prize Name <input type="text" name="prizename" id="prizename" value="<?php  echo isset($_POST['prize']) ? $prizename : '' ?>" > </label>
    			 <label>Prize Description <input type="text" name="prizedesc" id="prizedesc" value="<?php  echo isset($_POST['prize']) ? $prize_description : '' ?>" > </label>
    			 <label>Comment <textarea name="comment" id="comment" rows="4" ><?php echo $comment ?> </textarea>  </label>		 	
    			 
    		</div>

    			<div class="button-section">	
    				<input id="save_button" type="submit" name="submit" value="Save"> 
    			</div>


</body>
</html>

JavaScript

checkdisable()
    	$(function() {
    		if($('#square').not(':checked')){
    			 $('#prizename, #prizedesc, #comment').attr('disabled','disabled');
    		}
    	});