Reakce na odpověď

Například:

<script language="javascript">
function EnableCheckBox()
{
document.getElementById("MyCheckBox").disabled = false;
document.getElementById("MyTextArea").style.display = "none";
}

function DisableCheckBox()
{
document.getElementById("MyCheckBox").disabled = true;
}

function EnableEditor()
{
if (document.getElementById("MyCheckBox").disabled == false && document.getElementById("MyCheckBox").checked == true)
document.getElementById("MyTextArea").style.display = "";
else
document.getElementById("MyTextArea").style.display = "none";

}


</script>

HTML kód:

<body>

<input type="radio" name="group1" value="Milk" onclick="DisableCheckBox()" > Milk<br>
<input type="radio" name="group1" value="Butter" onclick="EnableCheckBox()"> Butter<br>

<input type="checkbox" name="sports" id="MyCheckBox" value="soccer" onclick="EnableEditor()" disabled>CheckBox<br><br>

<textarea rows="2" cols="20" style="display:none" id="MyTextArea" >
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</textarea>

</body>
</html>

Demonstrační soubor přiložen:

testhtml.html 1.14 KiB

HTML form