JSFiddle - React, Tailwind, and code Playground

HTML

<table width="71%" class="record">
                  
  		<tr>
          <td width="63%" valign="top" class="field_name_left"><p><strong>Section 1</strong><br>
            (a) section 1A.</p>
            </td>
          <td width="11%" valign="top" class="field_data">
            			<input type="radio" name="Scale1A" value="Yes" validate = "required:true " class = "radioClick">Yes						
                            <input type="radio" name="Scale1A" value="No" validate = "required:true " class = "radioClick">No			<label for = "Scale1A" class = "error">Please ensure this is completed</label> </td>
          <td width="26%" valign="top" class="field_data">
          <span class="field_name_left style1" id = "Scale1AWhereLabel"><strong>Where:</strong></span> 
          <textarea id = "Scale1AWhere" class="where" name="Scale1AWhere" cols="25" rows="2" validate="required:'input[name=Scale1A][value=Yes]:checked'"> </textarea>          
          <label for = "Scale1AWhere" class = "error">Please ensure this is completed</label>        </td>
          </tr>
 		<tr>
          <td valign="top" class="field_name_left">            (b) section 1B.</td>
<td valign="top" class="field_data">              <input type="radio" name="Scale1B" value="Yes" validate = "required:true " class = "radioClick" />
 		    Yes                            <input type="radio" name="Scale1B" value="No" validate = "required:true " class = "radioClick" />
 		    No               		    <label for = "Scale1B" class = "error">Please ensure this is completed</label>          </td>
 		  <td valign="top" class="field_data"><span class="field_name_left style1" id = "Scale1BWhereLabel"><strong>Where:</strong></span>
              <textarea id = "Scale1BWhere" class="where" name="Scale1BWhere" cols="25" rows="2" validate="required:'input[name=Scale1B][value=Yes]:checked'"></textarea> <label for = "Scale1BWhere" class = "error">Please ensure this is completed</label>           </td>
	  </tr>
          <tr>
  ...

CSS

form#editRecord label.error { display: none; 
	margin-top: 5px;
	color: red;}
	.appropriateError{
		color: red;

	}
.emphasise{
	color: red;
}

JavaScript

$(".radioClick").click(function(){
   
		theStr = $.trim($("#"+this.name+"Where").val()).length;
		if($(this).val()=="Yes" && theStr == 0){
			$("#"+this.name+"WhereLabel").addClass("emphasise");
		} else {
			$("#"+this.name+"WhereLabel").removeClass("emphasise");
		}
	$(".where").keyup(function(){
		str = this.value.length;
		if(str == 0){
			$("#"+this.name + "Label").addClass("emphasise");
		}else{
			$("#"+this.name + "Label").removeClass("emphasise");
		}
	});
	});

	$.metadata.setType("attr", "validate");
	$("#editRecord").validate();