javascript - 未选中复选框时删除字符串

Question

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

我有以下代码:HTML:

<input id="chkbox1" type="checkbox" />
<label id="lbl1">this is a test</label>

JQuery:

$('#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 ";
        $('#lbl1').append(vcard);
    } else {
        $('#lbl1').replace(vcard, '');
    }
});

如有任何帮助，我们将不胜感激。

Answer 1

我只需在标签内放置一个跨度，然后设置/清空它:

<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('');
    }
});