单击复选框时如何显示下一个图标？

Question

单击复选框时如何显示下一个按钮，取消单击时应该隐藏它？

第一次取消时不显示图像，点击复选框时显示图像

我的代码是：

 <script type="text/javascript">

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


 </script>

和

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

问题是在取消选中复选框后它不会隐藏下一个图标..

是否可以在javascript中使用if条件？如果是，请解释..

ie：如果选中复选框，则显示图像

否则

不显示图片。

帮助赞赏.....

Answer 1

这样的东西？

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