jquery中的水印开关

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

这是我的密码：

<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 {        
            //
            }
    });

$（“#水线”）。单击（功能（e）{
if（document.getElementById（'water_mark'）。选中）{
$（'img'）。水印({
文字：“我成功了”，
文本宽度：200
});
}否则{
//
}
});

---

请帮帮我

看起来该库唯一要做的就是添加带有CSS样式的文本

我想你可以这样移除它：

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

---

看起来该库所做的唯一事情就是添加带有CSS样式的文本

我想你可以这样移除它：

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

---

在else情况下，只需添加相同的没有水印的图像，也可以使用unchecked触发器

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

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

---

在else情况下，只需添加相同的没有水印的图像，也可以使用unchecked触发器

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

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

---

您还可以将水印文本设置为空字符串，这可能会对您有所帮助

---

您还可以将水印文本设置为空字符串，这可能会对您有所帮助

我找到了这个

当复选框第一次选中之前，获取旧图像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++;
        });

当第二次选中复选框时，图像替换为无水印文本

希望能帮上忙！谢谢所有给我答案的人

谢谢你，我找到了

当复选框第一次选中之前，获取旧图像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++;
        });

当第二次选中复选框时，图像替换为无水印文本

希望能帮上忙！谢谢所有给我答案的人

---

谢谢

我使用了watermark.min.js文件我使用了watermark.min.js文件可能是“透明”而不是“无”当你将$（'img'）放入控制台时，它的长度是多少？如果长度不为1，则是选择器的问题。我建议您给图像命名，这样您就可以直接引用元素：$（'#SomeID'），并让我知道发生了什么。当您将$（'img'）放入控制台时，它的长度是多少？如果长度不为1，则是选择器的问题。我建议您给图像命名，这样您就可以直接引用元素：$（'#SomeID'），并让我知道发生了什么。