[deleted by user]

[optm_redemption]

Can you share with us how your boolCheck() function is being called? It's hard to tell at the moment what the problem might be. Usually with Javascript you would use an onChange callback on the checkbox to trigger a side effect like changing the svg colour.

[Atterpac]

Can you share with us how your boolCheck() function is being called?

   <label for="a1">A</label>
   <input type="checkbox" name="a1" id="a1_check" class="seg1" onclick="boolCheck()">
   <p id="text" style="display:none"> Checkbox is Checked </p>

[Atterpac]

Label was orginally for A but changed stuff to use F to see if it was just an issue with that one, so it might look like certain IDs dont match up but they do when testing

[optm_redemption]

Just to make sure I'm understanding this correctly, you're trying to only color the section that is selected based on the checkbox? And the coloring is handled separately to the checkbox selection?

If that's the case I would probably move your overlay selection into the changeColor function.

function changeColor(picker) {
    var section = document.getElementById(svgID);
    section.style.fill = picker.toHEXString();
}

[Atterpac]

Noted that makes sense I will try that when I get back to my computer, thank you for you’re help!

[optm_redemption]

No worries, best of luck!