Javascript 取消选中复选框时删除字符串

我的应用程序中有一个函数，当用户选中复选框时，一些文本会附加到已经包含一些文本的标签上。我现在想做的事情是，如果用户取消选中复选框，则必须删除刚才添加的文本。不能删除基本文本

我有以下代码： HTML:

---

任何帮助都将不胜感激。

您可以设置空html：

$('#lbl1').html('');

---

您可以设置空html：

$('#lbl1').html('');

---

尝试一个更好的解决方案，您可以附加一个span并将其删除，而无需使用

replace

like

var vcard = "\n Jürgen ... +49 211 123456789 \n ";
$('#chkbox1').click(function () {        
    if (this.checked) {        
        $('#lbl1').append(<'span id="span-vcard">'+vcard+'</span>');
    } else {
        $('#lbl1').find('#span-vcard').remove();
    }
});

var vcard=“\n Jürgen…+49 211 123456789\n”；
$（'#chkbox1'）。单击（函数（）{
如果（这个.勾选）{
$（'#lbl1'）。追加（尝试更好的解决方案，您可以追加一个范围并将其删除，而无需使用
replace
like

var vcard = "\n Jürgen ... +49 211 123456789 \n ";
$('#chkbox1').click(function () {        
    if (this.checked) {        
        $('#lbl1').append(<'span id="span-vcard">'+vcard+'</span>');
    } else {
        $('#lbl1').find('#span-vcard').remove();
    }
});

var vcard=“\n Jürgen…+49 211 123456789\n”；
$（'#chkbox1'）。单击（函数（）{
如果（这个.勾选）{
$（'#lbl1'）。append（我只需在标签内放置一个span，然后设置/清空此：

<label id="lbl1">this is a test<span id='lbl1DynamicText'></span></label>

$('#chkbox1').click(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n ";
        $('#lbl1DynamicText').text(vcard);
    } else {
        $('#lbl1DynamicText').text('');
    }
});

这是一个测试
$（'#chkbox1'）。单击（函数（）{
如果（$（'#chkbox1'）。是（':checked'））{
var vcard=“\n Jürgen\n营销和Vertrieb\n电子邮件：juergen@mail.de\n测试中的anschrift 18\n 40599 Düsseldorf\n德国网站www.test.de\n telefon+49 211 123456789\n mobil+49 177 123456789\n传真+49 211 123456789\n”；
$（'lbl1DynamicText'）.text（vcard）；
}否则{
$（'#lbl1DynamicText'）.text（''；
}
});
我只需在标签内放置一个跨距，然后设置/清空：

<label id="lbl1">this is a test<span id='lbl1DynamicText'></span></label>

$('#chkbox1').click(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n ";
        $('#lbl1DynamicText').text(vcard);
    } else {
        $('#lbl1DynamicText').text('');
    }
});

这是一个测试
$（'#chkbox1'）。单击（函数（）{
如果（$（'#chkbox1'）。是（':checked'））{
var vcard=“\n Jürgen\n营销和Vertrieb\n电子邮件：juergen@mail.de\n测试中的anschrift 18\n 40599 Düsseldorf\n德国网站www.test.de\n telefon+49 211 123456789\n mobil+49 177 123456789\n传真+49 211 123456789\n”；
$（'lbl1DynamicText'）.text（vcard）；
}否则{
$（'#lbl1DynamicText'）.text（''；
}
});
请参见此

将文本放在一个范围内，如果选中复选框，则将其向上，否则删除该范围

$('#chkbox1').click(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "<span>\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n</span> ";
        $('#lbl1').append(vcard);
    } else {
        $('#lbl1').find("span").remove();
    }
});

$（'#chkbox1'）。单击（函数（）{
如果（$（'#chkbox1'）。是（':checked'））{
var vcard=“\n Jürgen\n营销和Vertrieb\n电子邮件：juergen@mail.de\n测试中的anschrift 18\n 40599 Düsseldorf\n德国网站www.test.de\n telefon+49 211 123456789\n mobil+49 177 123456789\n传真+49 211 123456789\n”；
$（'#lbl1'）。附加（vcard）；
}否则{
$（'#lbl1'）。查找（“span”）.remove（）；
}
});
请参见此

将文本放在一个范围内，如果选中复选框，则将其向上，否则删除该范围

$('#chkbox1').click(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "<span>\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n</span> ";
        $('#lbl1').append(vcard);
    } else {
        $('#lbl1').find("span").remove();
    }
});

$（'#chkbox1'）。单击（函数（）{
如果（$（'#chkbox1'）。是（':checked'））{
var vcard=“\n Jürgen\n营销和Vertrieb\n电子邮件：juergen@mail.de\n测试中的anschrift 18\n 40599 Düsseldorf\n德国网站www.test.de\n telefon+49 211 123456789\n mobil+49 177 123456789\n传真+49 211 123456789\n”；
$（'#lbl1'）。附加（vcard）；
}否则{
$（'#lbl1'）。查找（“span”）.remove（）；
}
});
尝试编写此代码

$('#chkbox1').change(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n ";
        $('#lbl1').append(vcard);
    } else {
        $('#lbl1').html('');
// or   $('#lbl1').empty();
    }
});

试着写下这段代码

$('#chkbox1').change(function () {
    if ($('#chkbox1').is(':checked')) {
        var vcard = "\n Jürgen \n Marketing und Vertrieb \n e-mail:juergen@mail.de \n anschrift In test 18 \n 40599 Düsseldorf \n Deutschland \n website www.test.de \n telefon +49 211 123456789 \n mobil +49 177 123456789 \n fax +49 211 123456789 \n ";
        $('#lbl1').append(vcard);
    } else {
        $('#lbl1').html('');
// or   $('#lbl1').empty();
    }
});

如果文本不是动态加载的，那么为什么不将其放入html本身并简单地显示/隐藏内容：


$（函数（）{
$（'#chkbox1'）。on（'change'，function（）{
$（'#txt'）.toggle（this.checked）；
}).触发（“变更”）；
})；

这是一个测试
Jürgen
营销和Vertrieb
电子邮件：juergen@mail.de
测试18中的anschrift
40599杜塞尔多夫
德国
网站www.test.de
telefon+49 211 123456789
美孚+49 177 123456789
传真+49 211 123456789

如果文本不是动态加载的，那么为什么不将其转换为html本身并简单地显示/隐藏内容：


$（函数（）{
$（'#chkbox1'）。on（'change'，function（）{
$（'#txt'）.toggle（this.checked）；
}).触发（“变更”）；
})；

这是一个测试
Jürgen
营销和Vertrieb
电子邮件：juergen@mail.de
测试18中的anschrift
40599杜塞尔多夫
德国
网站www.test.de
telefon+49 211 123456789
美孚+49 177 123456789
传真+49 211 123456789

Making
html（“”）
将使标签中的其他元素消失。不是吗？从op的操作来看，整个内容应该被删除。Making
html（“”）
将使标签中的其他元素消失。不是吗？从op的操作来看，整个内容应该被删除。