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.
codice:
<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>