Checkboxe og farve på div som skifter når man klikker

Jeg vil gerne lave nogle spørgsmål på min hjemmeside og til det vil jeg gerne bruge checkboxe, det skal være brugervenligt og se godt ud, det skal være muligt at klikke på hele div boksen, det kan man også nu. Er det muligt at gøre så man også samtidig kan klikke i checkboxen?

<script>
function a() {
    if (document.getElementById("option1").checked == true) {
    document.getElementById("option1").checked = false;
    var x = document.getElementById("1");
    x.style.background = "white";
    }
else {
    document.getElementById("option1").checked = true;
    var x = document.getElementById("1");
    x.style.background = "yellow";
}

}
</script>



<div id=1 class=textbox tabindex="1" onclick=a() style="min-height:50px;width:90%;max-width:350px;">
<label><input type=checkbox name=1 value=1 id=option1> 0 Meget usandsynligt</label>
</div>
<br>

<input type=submit class=textbox_submit value=Næste style="width:90%;max-width:350px;">