Question

选中复选框后，我在图像中添加了水印文本，但现在我想在未选中复选框时删除水印文本。

这是我的代码：

<input type="checkbox" name="watermark" value="yes" id="water_mark"> 

    $("#water_mark").click(function(e){
            if(document.getElementById('water_mark').checked) {
                 $('img').watermark({
                    text: 'I am success',
                    textWidth: 200
                 });
            } else {        
            //
            }
    });

请帮助我！

Answer 1

看起来这个库唯一能做的就是添加CSS样式https://github.com/sagivo/jQuery-Watermark/blob/master/jquery-watermark.js

的文本

猜猜你可以像这样删除它：

$('img').val('').css({'color':'none'});

Answer 2

在else情况下只需添加不带水印的相同图像，或者也可以使用未经检查的触发器。

 $('#checkbox1').change(function() {
 if($(this).is(':checked')){
            console.log("CCCCheckeddddddd");

       } 
        else
            {
                 $('img')
                console.log("UNCheckeddddddd");
}    
    });

Answer 3

您也可以将水印文本设置为空字符串，它可以帮助您。

$("#water_mark").click(function(e){
        if(document.getElementById('water_mark').checked) {
             $('img').watermark({
                text: 'I am success',
                textWidth: 200
             });
        } else {        
        $('img').watermark({
                text: '',
                textWidth: 0
             });
        }
});

Answer 4

我找到了......

当复选框第一次检查之前得到旧图像src表示没有水印图像

var counter = 1;
        $("#water_mark").click(function(e){
            if(counter%2!=0){
            watermarkimg = $("img").attr("src");
            //console.log(watermarkimg);
            }

            if(document.getElementById('water_mark').checked) {

                $('img').watermark({
                    text: 'I am success',
                    textWidth: 200
                });

            } else {

                //console.log(watermarkimg);
                $('img').attr("src", watermarkimg);
            }
            counter++;
        });

当第二次检查复选框图像时替换为没有水印文本

希望对此有所帮助！感谢所有给我答案的人。

由于

在jquery中关闭水印

4 个答案: