How do I edit "radio" to make it response to the LABEL or SPAN

Question

I have created quiz,used span but the radio are not responsive to the span.How do I make that possible?

Answer 1

if(document.getElementById('summer').checked == true) {
document.write("Summer radio button is selected");
} else {
document.write("Summer radio button is not selected");
}

Answer 2

Here another example:

https://code.sololearn.com/WZeF7hAbyFzM/?ref=app

Answer 3

Does label own the Id('summer')?