怎样实现这个多选框操作的效果??

Question

比如，有四个多选框，当我勾选一个多选框的时候，他的值就出现在div里面，当我去掉勾选的时候，他的值就从div里面消失，如何实现该js函数ceshi的代码实现？我就只懂这么多了。
部门代码：
<js>
function ceshi(obj){
 var result=$('result');
 if(result.value!=null){
  result.value=result.value+","+obj.value;
  }else{
   result.value=obj.value;
  }
 result.innerText=result.value;
 }
 </js>
 <input type="checkbox" value="Test1" name="test" id="test" onclick="ceshi(this)"><br>
 <input type="checkbox" value="Test2" name="test" id="test" onclick="ceshi(this)"><br>
 <input type="checkbox" value="Test3" name="test" id="test" onclick="ceshi(this)"><br> 
 <input type="checkbox" value="Test4" name="test" id="test" onclick="ceshi(this)"><br>
 <div id="result"></div>

Answer 1

//全选  chkAh[i]是个复选框
function fun2()
{
for(var i=0;i<frm.chkAh.length;i++)
{
frm.chkAh[i].checked=true; //设置单复选框的选中状态
}
}
//反选
function fun3()  //==判断,=赋值
{
for(var i=0;i<frm.chkAh.length;i++)
{
if(frm.chkAh[i].checked==true)
{
frm.chkAh[i].checked=false;
}
else
{
frm.chkAh[i].checked=true;
}
}
}
这里是关键代码

Answer 2

楼上的，我说的是一点击或者取消选择复选框，div里面的内容就跟着变化的那种效果啊

Answer 3

for(var i=0;i<frm.chkAh.length;i++)
        {
            //WK：在这加个判断就可以实现了。选中状态就全部为TRUE，反则FALSE。
              
              if（*.checked==true）{//建议不要和其他的重名
                
               frm.chkAh[i].checked=true; 
              } 
              else{
               frm.chkAh[i].checked=false;
            }
         }

Answer 4

<script>
function $(id)
{
   return document.getElementById(id);
}
function ceshi(obj){
 var result=$('result');
 if(result.value!=null){  if(result.value.indexOf(obj.value)<0)
 {
     result.value=result.value+","+obj.value;
 }
 else
{
result.value=result.value.replace(obj.value,""); 
}
  }else{
       result.value=obj.value;
  }
 result.innerText=result.value;
 }
 </script>
 <input type="checkbox" value="Test1" name="test" id="test" onclick="ceshi(this)"><br>
 <input type="checkbox" value="Test2" name="test" id="test" onclick="ceshi(this)"><br>
 <input type="checkbox" value="Test3" name="test" id="test" onclick="ceshi(this)"><br> 
 <input type="checkbox" value="Test4" name="test" id="test" onclick="ceshi(this)"><br>
 <div id="result"></div>

Answer 5

楼上的，谢谢了，不过result.value=result.value.replace(obj.value,"");
这句应该改为result.value=result.value.replace(","+obj.value,"");才行，否则那个逗号没有去掉