js小程序 数组元素的添加和删除

<input type=checkbox value="[角色1]" οnclick="test(this.checked,this.value)">角色1 <br>
<input type=checkbox value="[角色2]" οnclick="test(this.checked,this.value)">角色2 <br>
<input type=checkbox value="[角色3]" οnclick="test(this.checked,this.value)">角色3 <br>
<input type=checkbox value="[角色4]" οnclick="test(this.checked,this.value)">角色4 <br>

<hr>

<input type=text style="width:600px;height:100px;font-size:24px" id="show">

<script>
var arr=[]; 

function arr_del(node)
{
  for(i=0; i<arr.length; i++)
  {
    if (arr[i]==node){
      arr.splice(i,1);
      return true;
    }
  }
  return false;
}

function arr_add(node)
{
  for(i=0; i<arr.length; i++)
  {
    if (arr[i]==node){
      return false;
      break;
    }
  }
  if(i>=arr.length){
    arr.push(node);
    return true;
  }
}

function test(flag,value)
{
    if(flag)
        arr_add(value);
    else
        arr_del(value);
    document.getElementById("show").value = arr;
}

</script>