Comment afficher une icône suivante lorsque vous cliquez sur une case à cocher?

Question

Comment afficher un bouton suivant lorsque vous cliquez sur une case à cocher et qu'il doit être masqué lorsque vous décochez la case?

Pour la première fois, il ne sera pas montrer l'image quand Décochez et montre l'image quand clique sur la case

Mon code est:

<script type="text/javascript"> 

    function showNext() 
    { 
    document.getElementById('displayImage').style.visibility='visible'; 
    } 


</script> 

et

<img id="displayImage" border="0" src="icons/next1.png" style="visibility:hidden" /> 

le problème est que ne cacha pas l'icône suivante après avoir désélectionné la case à cocher.

Sera-t-il ossible à utiliser si condition dans javascript? Si oui s'il vous plaît expliquer ..

-à-dire: si la case est cochée puis montrer l'image

autre

ne montre pas l'image.

Aide appréciée .....

Answer 1

Quelque chose comme ça?

function showNext() 
{ 
    var icon = document.getElementById('displayImage'); 
    icon.style.visibility = icon.style.visibility == 'visible' ? 'hidden' : 'visible'; 
}