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

<input type=checkbox value="[角色1]" onclick="test(this.checked,this.value)">角色1 <br>
<input type=checkbox value="[角色2]" onclick="test(this.checked,this.value)">角色2 <br>
<input type=checkbox value="[角色3]" onclick="test(this.checked,this.value)">角色3 <br>
<input type=checkbox value="[角色4]" onclick="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>