Tenho um código que salva em um textarea valores de um checkbox, mas não consigo fazer o valor ser apagado do textarea quando o checkbox é desmarcado.

<!-- begin snippet: js hide: false console: true -->

<!-- language: lang-js -->

    var checkbox = document.getElementsByName('CP[]');
    var teste = [];
    
    function addCheck() {
        for (var i = 0; i < checkbox.length; i++) {
            if (checkbox[i].checked == true)
                teste[i] = checkbox[i].value;
        }
    	
        document.getElementById("cps").innerHTML = teste;
        var textarea = document.getElementById("cps").value;
    }

<!-- language: lang-html -->

    <input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="A">
    <input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="B">
    <input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="C">
    <input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="D">
    <input name='CP[]' id='CP01' type='checkbox' onclick='addCheck()' value="E">

    <br />

    <textarea name='cps' id='cps' cols='8' rows='1' value=''></textarea>

<!-- end snippet -->