多选框选中值的获取，来帮帮忙啊！

点击按钮的时候把多选框中选中的值显示在一个span 中请高手来帮帮忙啊！在JS 里面写

解决方案 »

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

var oInputs = document.getElementsByTagName('input');
        for (var i = 0; i < oInputs.length; i++) {
            if (oInputs[i].type == 'checkbox') {
            //把oInputs[i].value串起来
            }
        }
<script>
function doit(){
var s = "";
var a = document.getElementsByName("ck");
for(var i=0;i<a.length;i++){
if(a[i].checked) s+= a[i].value + ",";
}
if(s!="") s = s.substr(0,s.length-1);
document.getElementById("pad").innerHTML = s;
}
</script>
<form>
<input type="checkbox" name="ck" value="1" onclick="doit()">
<input type="checkbox" name="ck" value="2" onclick="doit()">
<input type="checkbox" name="ck" value="3" onclick="doit()">
<input type="checkbox" name="ck" value="4" onclick="doit()">
<input type="checkbox" name="ck" value="5" onclick="doit()"></form>
<span id="pad"></span>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var oInputs = document.getElementsByTagName('input');
var butt = document.getElementById('click');
var span = document.getElementById('jieguo');
butt.onclick = function(){
var result = '';
for(var i = 0; i < oInputs.length; i++){(function(){
if(this.checked){
result += this.value;
}
}).call(oInputs[i])}
span.innerHTML = result;
};
};
</script>
</head><body>
1<input type="checkbox" value="1" /><br />
2<input type="checkbox" value="2" /><br />
3<input type="checkbox" value="3" /><br />
4<input type="checkbox" value="4" /><br />
<input type="button" value="click" id="click" />
<span id="jieguo"></span>
</body>
</html>
我要获得是的  选中后那个后面的文本值  不是value值
<script>
function doit(){
    var s = "";
    var a = document.getElementsByName("ck");
    for(var i=0;i<a.length;i++){
        if(a[i].checked) s+= a[i].nextSibling.nodeValue + ",";
    }
    if(s!="") s = s.substr(0,s.length-1);
    document.getElementById("pad").innerHTML = s;
}
</script>
<form>
<input type="checkbox" name="ck" value="1" onclick="doit()">a
<input type="checkbox" name="ck" value="2" onclick="doit()">b
<input type="checkbox" name="ck" value="3" onclick="doit()">c
<input type="checkbox" name="ck" value="4" onclick="doit()">d
<input type="checkbox" name="ck" value="5" onclick="doit()">e</form>
<span id="pad"></span>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function(){
var oInputs = document.getElementsByTagName('input');
var butt = document.getElementById('click');
var span = document.getElementById('jieguo');
butt.onclick = function(){
var result = '';
for(var i = 0; i < oInputs.length; i++){(function(){
if(this.checked){
result += this.nextSibling.nodeValue;
}
}).call(oInputs[i])}
span.innerHTML = result;
};
};
</script>
</head><body>
<input type="checkbox" />1<br />
<input type="checkbox" />2<br />
<input type="checkbox" />3<br />
<input type="checkbox" />4<br />
<input type="button" value="click" id="click" />
<span id="jieguo"></span>
</body>
</html>
看看. 然后走掉
-----------------------------------------------------------
www.bleehome.cn