Hi mlseim,
Thank you for pointing me the right direction
Found a script and was able to make changes to fit my html file and it works
The changes where needed only in the html file
Html code:
PHP Code:
<!DOCTYPE html>
<html>
<body background="blue">
<form action="test_post.php" method="post">
Full Name: <input name="FullName" type="text" id="FullName" required="required" /><br />
<br />
Number: <input name="Number" type="text" id="Number" required="required" /><br />
<br />
Email Address: <input name="EmailAddress" type="text" id="EmailAddress" required="required" /><br /><br />
<br/>
Address: <input name="Address" type="text" id="Address" required="required" /><br />
<br />
Which animal do you want to keep?<br />
<script type="text/javascript">
var currentEnabled = null;
function enableElement(elem) {
if (currentEnabled) {
currentEnabled.disabled = true;
}
elem.disabled = false;
currentEnabled = elem;
}
</script>
<form action="">
<input type="radio" name="petathome[]" value="Dog"
onclick="enableElement(this.form.elements['inp1']);"> Dog
<br>
<input type="radio" name="petathome[]" value="Cat"
onclick="enableElement(this.form.elements['inp2']);"> Cat
<br>
<input type="radio" name="petathome[]" value="Lion"
onclick="enableElement(this.form.elements['inp3']);"> Lion
<br>
<input type="radio" name="petathome[]" value="Tiger"
onclick="enableElement(this.form.elements['inp4']);"> Tiger
<br>
<input type="radio" name="petathome[]" value="Leopard"
onclick="enableElement(this.form.elements['inp5']);"> Leopard
<br>
<input type="radio" name="petathome[]" value="Others"
onclick="enableElement(this.form.elements['inp6']);">
Others: <input type="text" name="inp6" disabled="disabled">
<br>
<br />
<input type="submit" name="submit" value="Submit" />
</form>
</body>
</html>