Javascript 如果选中复选框，如何添加元素；如果未选中复选框，如何删除元素？

我有一个复选框一旦我的切换被选中或取消选中，元素将被添加到文本区域

所以我希望它被删除，如果它被取消选中，有没有办法呢

example.html

<ion-toggle class="toggle-small" toggle-class="toggle-calm" 
            (ionChange)="addElement()" >  Airplane Mode
</ion-toggle>

飞机模式

例

 addElement() {
const messageTextarea = (<HTMLInputElement>document.getElementById('msg'));
const selecStart = messageTextarea.selectionStart;
const selectEnd = messageTextarea.selectionEnd;
let newMessage = '' + this.msg;
newMessage = newMessage.substring(selecStart, 0) + 
             newMessage.substring(selectEnd, newMessage.length)+this.element;}

addElement（）{
const messageTextarea=（document.getElementById（'msg'）；
const selgart=messageTextarea.selectionStart；
const selectEnd=messageTextarea.selectionEnd；
让newMessage=''+this.msg；
newMessage=newMessage.substring（selNegart，0）+
newMessage.substring（selectEnd，newMessage.length）+this.element；}

请注意，我声明了一个模板变量ioToggle，并使用checked属性

    <ion-toggle class="toggle-small" toggle-class="toggle-calm 
               (ionChange)="addElement(ioToggle.checked)" #ioToggle >
    Airplane Mode
    </ion-toggle>

---

您能在jsFiddle或其他地方提供一个工作代码段吗？我修改了核心代码，这样你就可以看到函数的功能了，我希望它一旦被取消选中，我就删除元素，如果被选中，我就添加元素element@Taieb你的意思是（这个元素）@MuhammadAlbarmawi这个元素是我的username@Taieb因此，如果选择切换，则此.element将添加到newMessage，你检查过答案了吗？它像我一样是在添加但不是删除want@Taieb我只是更新了我的答案，并给出了一个例子来证明这个值正在变化，希望我只是帮忙我不知道怎么了，但是在我的文本区域，如果它被选中，我可以添加，如果它没有被选中，它会进入下一个字符，而不会删除，只是移动到下一个字符。我告诉你为什么它不工作，文本是可编辑的，我的意思是每个人都可以输入文本，或者你只是显示msg+elemnt@TaiebI只需更新我的amswer，这是您必须执行的操作，否则您需要处理cherck并从textarea中删除该元素或将其添加到@Taieb
 addElement(state) { 
        const messageTextarea = (<HTMLInputElement>document.getElementById('msg'));
        newMessage = this.msg +( state ? this.element : '');
        messageTextarea.value = newMessage
  }