checkbox disable script problem

casa3311 · Dec 10, 2002

This script works in IE but not in Netscape. I get this error message when I click on a radio button:

JavaScript Error: file:/c|/winnt/temp/hs~new.htm, line 52:

form1 is not defined.

JavaScript Error: file:/c|/winnt/temp/hs~new.htm, line 47:

form1 is not defined.

Here's the code:

<html>
<head>
<title>Untitled</title>

</head>
<body>
<form name="form1" method="post" action="">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td><input type="radio" name="gr1" value="Yes" onClick="Disab(1)"></td>
<td>US History 10</td>
<td><input type="checkbox" name="UHist10_01A" value="Yes" disabled></td>
<td>Section 01A</td>
</tr>
<tr>
<td colspan="2"> </td>
<td><input type="checkbox" name="UHist10_02A" value="No" disabled></td>
<td>Section 02A</td>
</tr>
<tr>
<td colspan="2"> </td>
<td><input name="UHist10_03A" type="checkbox" disabled id="UHist10_03A" value="Yes"></td>
<td>Section 03A</td>
</tr>
<tr><td colspan="4"> </td></tr>
<tr>
<td><input type="radio" name="gr1" value="No" onClick="Disab(2)"></td>
<td>US History 11</td>
<td><input type="checkbox" name="UHist11_01A" value="Yes" disabled></td>
<td>Section 01A</td>
</tr>
<tr>
<td colspan="2"> </td>
<td><input type="checkbox" name="UHist11_02A" value="No" disabled></td>
<td>Section 02A</td>
</tr>
<tr>
<td colspan="2"> </td>
<td><input name="UHist11_03A" type="checkbox" disabled id="UHist11_03A" value="No"></td>
<td>Section 03A</td>
</tr>
</table>
</form>
<SCRIPT LANGUAGE="JavaScript">
function Disab (val) {
if(val=="1&quot

{
form1.UHist10_01A.disabled=false;
form1.UHist11_01A.disabled=true;
form1.UHist11_01A.checked=false;
form1.UHist10_02A.disabled=false;
form1.UHist11_02A.disabled=true;
form1.UHist11_02A.checked=false;
form1.UHist10_03A.disabled=false;
form1.UHist11_03A.disabled=true;
form1.UHist11_03A.checked=false;
}
if(val=="2&quot

{
form1.UHist11_01A.disabled=false;
form1.UHist10_01A.disabled=true;
form1.UHist10_01A.checked=false;
form1.UHist11_02A.disabled=false;
form1.UHist10_02A.disabled=true;
form1.UHist10_02A.checked=false;
form1.UHist11_03A.disabled=false;
form1.UHist10_03A.disabled=true;
form1.UHist10_03A.checked=false;
}
}
</SCRIPT>
</body>
</html>

Boomerang · Dec 10, 2002

Hi casa3311,

Netscape doesn't forgive you much mistakes;

1) You have 2 times a radiobutton called "gr1" in your form. Rename the second one.

2) Try to avoid underscore in element-names. I read somewhere that not al browsers accept underscores.

I can't test netscape here, but I hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->

2ni · Dec 10, 2002

Give an 'id' to your elements like this

<form name="form1" id="form1" method="post" action="">

if you write this : onClick="Disab(1)" then don't check like this : if (val=="2&quot

but like this if (val == 2)

Try to use this document.form1.UHist10_01A.disabled=false; instead of form1.UHist10_01A.disabled=false;

I hope it could help you

casa3311 · Dec 10, 2002

Thanks for the replies. I had already added the document.form1... and that made the javascript error go away, but it still doesn't work in Netscape.

I change the "1"/"2" to 1/2 and that didn't fix the problem either. I think it's going to have to be some Netscape specific code that fixes this since I just read that Netscape does not recognize formname.fieldname.disable. I think I found a site that tells me what to do, I just can't figure out how to integrated it into what already works for IE. This is what I found at

http://www.devguru.com/features/knowledge_base/A100212.html:

NETSCAPE NAVIGATOR 4.X
Unfortunately, Netscape does not recognize the disabled property. Instead, you must use a variety of techniques to disable the various form elements.

Button, Checkbox, Reset Button, and Submit Button
In Netscape, the button, checkbox, reset button, and the submit button can be disabled using the onclick method. The programmer should replace the else clause in the onclick code below with their default onclick event-handling code (or simply remove the else clause if they do not need to implement an onclick handler).

Checkbox:
<input type="checkbox" onclick="if (this.disabled) return false; else alert('clicked')" name="check1" id="check1" value="one">

As far as the radio buttons go, they HAVE to be named the same thing or the script for the script to work as intended. This is an either or situation. If the user select from the first list, the second list must be cleared and the boxes disabled. So considering that, the radio button is irrelivant since I'm passing everything in the checkbox value that I need for my data processing.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

checkbox disable script problem

casa3311

Programmer

Boomerang

Programmer

2ni

Programmer

casa3311

Programmer

Similar threads

Part and Inventory Search

Sponsor