如何在有人单击复选框时显示图像

Question

我想要一个小小的笑脸浮起来，并在有人点击复选框后消失。有没有一种简单的方法可以用jQuery做到这一点？

Answer 1

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

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

Answer 2

这取决于你到底需要什么。无论如何，你可以像这样做任何你想做的事情。假设您有一个id = mycheckbox的复选框和id为myimage的img (图像的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();
   }
});