Controllo checkbox

[azzurras18]

Buongiorno , sono nuova del Forum, per cui mi scuso anticipatamente se dovessi sbagliare in qualcosa.
Ho una pagina in HTML, in cui devo selezionare tramite checkbox una delle immagini che propongo, per poi impostarla come sfondo di una successiva pagina. Il mio problema e' che volevo impostare un controllo nella checkbox, in modo tale che se nessuna immagine era stata selezionata doveva comparirmi un alert, ma pur non selezionando nulla mi risulta come se selezionassi la prima immagine. Riporto il codice, se qualcuno potesse aiutarmi, gli sarei infinitamente grata.

<section>
<div>
	<label  for="immagine1"></label>
	<input type="radio" name="scelto" id="selezionato" value="immagine1" style="height:130">
  	<img id="immagine1" class="example-image" src="lightbox/images/miniatura_1.jpg" alt="" >
	
	<label  for="immagine2"></label>
	 <input type="radio" name="scelto" id="selezionato" value="immagine2" style="height:130">
	 <img id="immagine2" class="example-image" src="lightbox/images/miniatura_2.jpg" alt="">
</div>
<input type="button" style="width:120px; height:40px;" name="invio" id="invio" value="ok" onclick="controlla()" />
</section>

<script>
function controlla(){
	var scelta=document.getElementById('selezionato').value;	
	if(scelta==""){
		alert("Seleziona una piantina!");
		return false
	}
		return true;
	};
</script>
</body>
</html>

[lucavizzi]

Ciao azzurras18 e benvenuta.

Questa dovrebbe essere una versione funzionante. Se hai domande sul tuo script o su questo, chiedi pure.

function controlla(){
    var valid=false;
    var radios=document.getElementsByName('scelto');
    for(var i=0; i<radios.length; i++){
        if(radios[i].checked){
            valid=true;
        }
    }
    if(!valid){
        alert('Seleziona una piantina!');
    }
}

[azzurras18]

Ti ringrazio, ho compreso perfettamente il codice, sei stato gentilissimo.