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

How to show a next icon when clicking on a checkbox?

本文关键字：显示 下一个 图标 复选框 单击      更新时间：2023-09-26

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

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

我的代码是: 
 <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条件?如果是，请解释。

即:如果复选框被选中，则显示图像

其他

不显示图像。

帮助感激…

像这样?

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