Masquer des images avec javascript

Bonjour,

voilà j'aimerais cacher/afficher des images après avoir cocher un checkbox (ou un bouton radio) qui s'appelle ici "partie 1".
mon code:

<input type="checkbox" value="part1" onclick="voirImg()"/>partie 1<br/>   
<div id='lesimages'>   
   <img src="images/image1.jpg" alt="fond1"><br/>   
   <img src="images/image2.jpg" alt="fond2"><br/>   
</div>   

<script>   
function voirImg() {   

var lesImg=document.getElementById('lesimages');   
for (var i=0; i<lesImg.length; i++) {   
  if ( lesImg[i].style.display == 'block') { lesImg[i].style.display = 'none';}   
  else { lesImg[i].style.display = 'block';}   
}   

}   
</script>   

et j'ai initialisé dans le css:

#lesimages {display: 'none';}

mais je suis là donc ça ne marche pas: les images sont bien masquées mais cocher ne change rien.
Donc si quelqu'un pourrait me donner un p'tit coup de pouce ça serait top!! merci :)