S
s.chelliah
Hi,
I am trying to use javascript, div tag and radio button to
disable/enable a text box. It works fine
in netscape and firefox, but in IE, the text box is not disabled when
the user checks the radio button.
Note that I am using two div statements. Any other solutions also
wellcome.
<html>
<title>Test</title>
<head>
<script type="text/javascript">
function checkButton(rName) {
collection = document.all[rName];
if (collection[1].checked)
{
//document.myform.abutton.disabled = true;
document.getElementById("durfixed").style.display="block";
document.getElementById("nodurfixed").style.display="none";
}
else
{
document.getElementById("durfixed").style.display="none";
document.getElementById("nodurfixed").style.display="block";
}
}
</script>
</head>
<body >
<h2>Radio Button Check</h2>
<form name=myform>
<fieldset style="width:100px">
<legend>Toggle</legend>
<INPUT type=radio name=milestone value="Beta1"
onChange="checkButton('milestone')">Beta 1<br>
<INPUT type=radio name=milestone checked value="Beta2"
onChange="checkButton('milestone')">Beta 2<br>
</fieldset>
<br>
<div id="durfixed" style="display:block;" >
<input type=text name=ename value="">
</div>
<div id="nodurfixed" style="display:none;" >
<input type=text name=noename readonly value="" style="background:
#cccccc" >
</div>
</body>
</form>
</html>
Thanks for the help
Siva
I am trying to use javascript, div tag and radio button to
disable/enable a text box. It works fine
in netscape and firefox, but in IE, the text box is not disabled when
the user checks the radio button.
Note that I am using two div statements. Any other solutions also
wellcome.
<html>
<title>Test</title>
<head>
<script type="text/javascript">
function checkButton(rName) {
collection = document.all[rName];
if (collection[1].checked)
{
//document.myform.abutton.disabled = true;
document.getElementById("durfixed").style.display="block";
document.getElementById("nodurfixed").style.display="none";
}
else
{
document.getElementById("durfixed").style.display="none";
document.getElementById("nodurfixed").style.display="block";
}
}
</script>
</head>
<body >
<h2>Radio Button Check</h2>
<form name=myform>
<fieldset style="width:100px">
<legend>Toggle</legend>
<INPUT type=radio name=milestone value="Beta1"
onChange="checkButton('milestone')">Beta 1<br>
<INPUT type=radio name=milestone checked value="Beta2"
onChange="checkButton('milestone')">Beta 2<br>
</fieldset>
<br>
<div id="durfixed" style="display:block;" >
<input type=text name=ename value="">
</div>
<div id="nodurfixed" style="display:none;" >
<input type=text name=noename readonly value="" style="background:
#cccccc" >
</div>
</body>
</form>
</html>
Thanks for the help
Siva