Error: document.forms[0].sec11_A has no properties

[therig]

I'm having issues, I've spent many hours searching and I'm a noob at javascript, any help will be greatly appreciated.

I keep getting the following error:
Error: document.forms[0].sec11_A has no properties

with this script:

function checkform(btntype)
{
    var haserrors=0;
    document.getElementById('e_sec11_1').style.color = "black";
    document.getElementById('e_sec11_2').style.color = "black";
    document.getElementById('e_sec11_3').style.color = "black";
    document.getElementById('e_sec11_4').style.color = "black";
    document.getElementById('e_sec11_5').style.color = "black";
    document.getElementById('e_sec11_6').style.color = "black";
    document.getElementById('e_sec11_7').style.color = "black";
    document.getElementById('e_sec11_8').style.color = "black";
    document.getElementById('e_sec11_9').style.color = "black";
 
    //Sec11_A
    var sec11_Achecked=0;
    for (i=0;i<document.forms[0].sec11_A.length;i++) {
        if (document.forms[0].sec11_A[i].checked) {
        sec11_Achecked=1;
        }
    }
    if (sec11_Achecked<1) {
        haserrors=1;
        document.getElementById('e_sec11_1').style.color = "red";
    }
 
    //Sec11_B
    var sec11_Bchecked=0;
    for (i=0;i<document.forms[0].sec11_B.length;i++) {
        if (document.forms[0].sec11_B[i].checked) {
        sec11_Bchecked=1;
        }
    }
    if (sec11_Bchecked<1) {
        haserrors=1;
        document.getElementById('e_sec11_2').style.color = "red";
    }
 
    //Sec11_C
    var sec11_Cchecked=0;
    for (i=0;i<document.forms[0].sec11_C.length;i++) {
        if (document.forms[0].sec11_C[i].checked) {
        sec11_Cchecked=1;
        }
    }
    if (sec11_Cchecked<1) {
        haserrors=1;
        document.getElementById('e_sec11_3').style.color = "red";
    }
 
    //Sec11_D
    var sec11_Dchecked=0;
    for (i=0;i<document.forms[0].sec11_D.length;i++) {
        if (document.forms[0].sec11_D[i].checked) {
        sec11_Dchecked=1;
        }
    }
    if (sec11_Dchecked<1) {
        haserrors=1;
        document.getElementById('e_sec11_4').style.color = "red";
    }
 
    //Sec11_E
    var sec11_Echecked=0;
    for (i=0;i<document.forms[0].sec11_E.length;i++) {
        if (document.forms[0].sec11_E[i].checked) {
        sec11_Echecked=1;
        }
    }
    if (sec11_Echecked<1) {
        haserrors=1;
        document.getElementById('e_sec11_5').style.color = "red";
    }
    if (LEN(ALLTRIM(document.myform.sec11_6.value)) == 0) {
        haserrors=1;
        document.getElementById('e_sec11_6').style.color = "red";
    }
    if (LEN(ALLTRIM(document.myform.sec11_7.value)) == 0) {
        haserrors=1;
        document.getElementById('e_sec11_7').style.color = "red";
    }
    if (LEN(ALLTRIM(document.myform.sec11_8.value)) == 0) {
        haserrors=1;
        document.getElementById('e_sec11_8').style.color = "red";
    }
    if (LEN(ALLTRIM(document.myform.sec11_9.value)) == 0) {
        haserrors=1;
        document.getElementById('e_sec11_9').style.color = "red";
    }
 
    if (btntype=="next" ) {
        document.myform.btntype.value="next";
    } else {
        if (btntype=="back") {
            document.myform.btntype.value="back";
        }
    }
 
    if (haserrors>0) {
 
            var answer=confirm("Are you sure you want to continue without completing the evalutation?");
            if (answer) {
                document.myform.submit();
            } else {
                return;
            }
 
}
 

Thanks in advance.

Lee

[epots9]

if your HTML what is "sec11_A"? Which element has that as its id? and what type of element is it?

[therig]

It's for a radio button:

<input style="border:0px; width:15px; height:15px;" name="sec11_A" id="sec11_A" type="radio" value="1" <%=sec11_A1%> />

[epots9]

how many radio buttons are in the group sec11_A? if there is only one, then maybe u should change it to a checkbox, maybe that would do the trick.

[therig]

There's actually 3 in that group:

 <input style="border:0px; width:15px; height:15px;" name="sec11_A" id="sec11_A" type="radio" value="1" <%=sec11_A1%> />
 
 <input style="border:0px; width:15px; height:15px;" name="sec11_A" id="sec11_A" type="radio" value="2" <%=sec11_A2%> />
 
 <input style="border:0px; width:15px; height:15px;" name="sec11_A" id="sec11_A" type="radio" value="3" <%=sec11_A3%> />
 

[epots9]

try this:

for (i=0;i<document.formName.sec11_A.length;i++)
 

replace formName with the name of your form. u might have to change the others too.

good luck

[therig]

try this:

for (i=0;i<document.formName.sec11_A.length;i++)
 

replace formName with the name of your form. u might have to change the others too.

good luck

Perfect.

Thanks,
Lee