在 HTML 中单击后，复选框被替换为图像

Question

我想在 HTML 的复选框中添加图像，这样当我单击复选框时，它应该被图像替换。有什么方法可以做到？

Answer 1

设 cb 为复选框，src 为要显示的图片来源。

cb.onclick = function(){
    if(!this.img){
        var img = this.img = document.createElement("image");
        img.src=src;
        img.cb = this;
        img.onclick = function(){
            this.parentNode.replaceChild(this.cb,this);
            }
        }
    this.parentNode.replaceChild(this.img,this);
    }