单击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);
    }