如果有人单击复选框，如何显示图像

Question

我想要一个小小的幸福的脸浮起来，并在有人点击一个复选框后消失。使用jQuery有一种简单的方法吗？

Answer 1

是的，您可以通过查找复选框的偏移量来完成此操作。在复选框的单击事件上设置图标的位置，并在延迟后隐藏它。

但是，当elclanrs说你必须清楚你的布局，html，css以及你到目前为止做了什么

Answer 2

这完全取决于你的需要。无论如何，你可以做任何你想做的事情。 假设你有一个id = mycheckbox的复选框和id为myimage的img（image has style =“display：none;”）

jQuery("input[id=mycheckbox]").click(function(){
   jQuery("img[id=myimage]").fadeIn('slow');//if you want animated
   //or simply
   jQuery("img[id=myimage]").show();
});

可能你需要在复选框上显示和隐藏图片点击你可以这样做

jQuery("input[id=mycheckbox]").click(function(){
   if(jQuery("img[id=myimage]").is(":visible")){
       jQuery("img[id=myimage]").hide();
   }else{
       jQuery("img[id=myimage]").show();
   }
});