JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Radio Test</title>
</head>
<body>
<font face="verdana">
<table style="display: inline-block;">
<table style="float: left;">
<tr>
<td>
<fieldset data-role="controlgroup" data-type="vertical">
<form action="form_action.asp">
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCWC">Weekly Comp<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCSR">Social Rehab<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCES">Elective Surgery<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTI">TI<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCSC">SC<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCRCA">Reg/Cover Assessment<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCHL">HL<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCDE">Dental<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCIALS">IA Lumpsum<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTR">Treatment<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTHS">Thinksafe<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCFRAU">Fraud<br>
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCOTH1">OTHER<br><br>
<input type="text" id="result3">
</form>
<script>
function myFunction3(r1) {
document.getElementById("result3").value =
r1;
}
</script>
</tr>
</td>
<table style="display: inline-block;">
<table style="float: centre;">
<tr>
<td>
<fieldset data-role="controlgroup" data-type="vertical">
<form action="form_action.asp">
<input...