disable underkategori hvis hovedkategori ikke er afkrydset

hvis du ikke har noget imod at ændre lidt på navnene så kan det gøres meget let:
<script type="text/javascript">
function uncheckBoxes(chk,antal) {
    i = 1;
    while (c=document.getElementsByName(chk.name+"_"+(i++))[0]) {
        c.disabled = !chk.checked;   
    }
}
</script>

<table border="0" width="440" id="table1" cellspacing="0" cellpadding="0">
        <tr>
            <td align="center" width="40%">1:</td>

            <td align="center" width="40%">&nbsp;</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C1" onclick="uncheckBoxes(this);" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">1,1</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">

            <input type="checkbox" name="C1_1" disabled="disabled"  value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>
            <td align="center" width="40%">1,2</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C1_2" disabled="disabled" value="ON"></td>
        </tr>

        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">1,3</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">
            <input type="checkbox" name="C1_3" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>

            <td align="center" width="40%">1,4</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C1_4"  disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">1,5</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">

            <input type="checkbox" name="C1_5" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>
            <td align="center" width="40%">1,6</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C1_6" disabled="disabled" value="ON"></td>
        </tr>

        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">1,7</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">
            <input type="checkbox" name="C1_7" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>

            <td align="center" width="40%">1,8</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C1_8" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">2:</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">

            <input type="checkbox" name="C2" onclick="uncheckBoxes(this);" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>
            <td align="center" width="40%">2,1</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C2_1" disabled="disabled" value="ON"></td>
        </tr>

        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">2,2</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">
            <input type="checkbox" name="C2_2" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>

            <td align="center" width="40%">2,3</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C2_3" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">3:</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">

            <input type="checkbox" name="C3" onclick="uncheckBoxes(this);" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%" height="21">&nbsp;</td>
            <td align="center" width="40%" height="21">3,1</td>
            <td align="center" width="20%" height="21">
            <input type="checkbox" name="C3_1" disabled="disabled" value="ON"></td>
        </tr>

        <tr>
            <td align="center" width="40%" bgcolor="#C0C0C0">&nbsp;</td>
            <td align="center" width="40%" bgcolor="#C0C0C0">3,2</td>
            <td align="center" width="20%" bgcolor="#C0C0C0">
            <input type="checkbox" name="C3_2" disabled="disabled" value="ON"></td>
        </tr>
        <tr>
            <td align="center" width="40%">&nbsp;</td>

            <td align="center" width="40%">3,3</td>
            <td align="center" width="20%">
            <input type="checkbox" name="C3_3" disabled="disabled" value="ON"></td>
        </tr>
    </table>

Jeg takker for det meget præcise svar...

Hvis du gider ligge et svar så får du points...

værsågod hr. :-)

og tak for points :-)