Question

Based on a selection of a radio button I need to enable or disable a whole list of checkbox options. When the selection calls for a disable I’m using this:

function radioSelectDNC() {
    for (i = 3; i < document.addPNtoDNC.elements.length - 1; i++) {
        document.addPNtoDNC[i].disabled=true;      // this is working
        document.addPNtoDNC[i].style.color="blue"; //this line is not working
    } 

The disabling works, but the color for the text of the checkbox options is not. It’s a long form, but just in case, here’s how I’m listing the checkbox options:

            <label><input type="checkbox" name="Campaign" value="Value1">Value1<br></label>
            <label><input type="checkbox" name="Campaign" value="Value2">Value2<br></label>
            <label><input type="checkbox" name="Campaign" value="Value3">Value3<br></label>

Am I using the right property? Where can I find a list of properties?

Oh, and please, just in case, don’t give me jQuery. I’m just getting started in this, and every time I search and find jQuery answers my head starts spinning. One of these days.

Answer 1

It seems that you are trying to modify the color property of the <input>, not the one of the <label> tag as you would want.
You have to change the document.addPNtoDNC[i] part to reference the label instead (don’t know exactly what you are doing here). document.addPNtoDNC[i].parentNode should work since the input tag is inside the label one.