急急急！！在线等关于checkbox传值问题

我的需求是这样的.
在页面中有好多的checkbox，（如 A B C），还有一个input，是接收checkbox传进来的值的。点击A，将A的值传入，
点击B，将B的值传入总之是选择哪个checkbox，input中就显示哪个的值。还有一个全选按钮，能够将这些checkbox中的值一次全部添入。谢谢各位了！！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<input type="checkbox" id="a" checked="checked" onclick="meige('a');">
<input type="checkbox" id="b" checked="checked" onclick="meige('b');">
<input type="checkbox" id="c" checked="checked" onclick="meige('c');">
<input type="checkbox" id="abc" checked="checked" onclick="meige('abc');">
<input type="text" id="text" value="">
function meige(val){
var obj= document.getElementById(val);
if(obj.checked)
{
document.getElementById("text").value=val;
}
}
<html>
<head>
</head>
<body>
<input type="checkbox" id="cks" onclick="selAll();">全选<br>

<input type="checkbox" name="ck" id="ck1" value="姓名" onclick="doAdd('ck1');">姓名<br>
<input type="checkbox" name="ck" id="ck2" value="性别" onclick="doAdd('ck2');">性别<br>
<input type="checkbox" name="ck" id="ck3" value="年龄" onclick="doAdd('ck3');">年龄<br>
<input type="checkbox" name="ck" id="ck4" value="国籍" onclick="doAdd('ck4');">国籍<br>

<input type="text" id="aa">
</body>
</html>
<script>
function selAll(){
var cks = document.getElementById("cks");
var ck = document.getElementsByName("ck");
var str = "";

if(cks.checked){
for(var i=0;i<ck.length;i++){
str += ck[i].value;
}
document.getElementById("aa").value = str;
}else{
document.getElementById("aa").value = "";
}
}
function doAdd(obj){
var one = document.getElementById(obj);
document.getElementById("aa").value = "";
if(one.checked){
document.getElementById("aa").value = one.value;
}
}
</script>
...可能我没有说清楚，楼上的大侠们的效果不是我要的。
我想要的是点击A，将A的值附上，再点击B，再将B的值附上，（这时上边有A和B了）。再点击C同上。
input中就有（A，B，C）。点击input中有的值，就消除此值。（这时再点击A，就将A的值消除掉）。
   我这样说是不是清楚点呢?    我是新手，js不太会。还望帮我一下    谢谢
点击input中有的值，就消除此值。（这时再点击A，就将A的值消除掉）。这句话没太明白....
简单点说    选择好了A，B,C
再点击A就把A的值从input中去掉
代码如下，经测试符合你的要求，鉴于时间原因，我就不做精简、美化之类了。
<html>
    <head>
    </head>
    <body>
        <input type="checkbox" id="cks" onclick="selAll();">全选<br>

        <input type="checkbox" name="ck" id="ck1" value="姓名" onclick="doAdd('ck1');">姓名<br>
        <input type="checkbox" name="ck" id="ck2" value="性别" onclick="doAdd('ck2');">性别<br>
        <input type="checkbox" name="ck" id="ck3" value="年龄" onclick="doAdd('ck3');">年龄<br>
        <input type="checkbox" name="ck" id="ck4" value="国籍" onclick="doAdd('ck4');">国籍<br>

        <input type="text" id="aa">
    </body>
</html>
<script>
    function selAll(){
        var cks = document.getElementById("cks");
        var ck = document.getElementsByName("ck");
        var str = "";

        for(var j=0;j<ck.length;j++){
         ck[j].checked = cks.checked;
        }

        if(cks.checked){
            for(var i=0;i<ck.length;i++){
                str += ck[i].value;
            }
            document.getElementById("aa").value = str;
        }else{
            document.getElementById("aa").value = "";
        }
    }
    function doAdd(obj){
        var one = document.getElementById(obj);
        var aaValue = document.getElementById("aa").value;

        if(one.checked){
            document.getElementById("aa").value = aaValue+one.value;
        }else{
         if(null!=aaValue || ""!=aaValue){
         aaValue = aaValue.replace(one.value,"");
         document.getElementById("aa").value = aaValue;
         }else{
document.getElementById("aa").value = "";
         }
        }
    }
</script>
<html>
<head>
<script type="text/javascript">
//设定第一个为checkbox，其他是否是checkbox类型，个数可以添加 function selectDo(){
var textHtml = "";
var oElements = document.frmName.elements;
var conObj = window.event.srcElement;
if(conObj.name == "selAll"){
if(conObj.checked){
for(var i = 0; i < oElements.length; i ++){
if(oElements[i].type == "checkbox" && oElements[i].name != conObj.name){
oElements[i].checked = true;
textHtml += oElements[i].value;
}
}
}else{
for(var i = 0; i < oElements.length; i ++){
if(oElements[i].type == "checkbox" && oElements[i].name != conObj.name){
oElements[i].checked = false;
}
}
}
document.frmName.content.value = textHtml;
}else{
if(conObj.checked){
document.frmName.content.value += conObj.value;
}else{
conObj.checked = false;
document.frmName.content.value = document.frmName.content.value.replace(conObj.value,"");
}
for(var i = 0; i < oElements.length; i ++){
if(oElements[i].type == "checkbox" && oElements[i].name != "selAll"){
if(!oElements[i].checked){
document.getElementById("so").checked = false;
break;
}else{
document.getElementById("so").checked = true;
}
}
}
}
} </script>
</head>
<body>
<form name="frmName">
<input type="checkbox" id="so" name="selAll" onclick="selectDo();">全选
<input type="checkbox" name="ren" value="中国人" onclick="selectDo();">中国人
<input type="checkbox" name="shi" value="是" onclick="selectDo();">是
<input type="checkbox" name="shen" value="神" onclick="selectDo();">神<br>
选择的内容：<input type="text" name="content" size="50">
</form>
</body>
</html>