javascript 获取 checkbox 所选择行的值

来源：互联网发布：mac连接wifi共享热点编辑：程序博客网时间：2024/06/01 09:55

<html>
<head>
<title>123</title>
<style>
.H{
background: #ADD8E6
}
.X{
background: #FFFFFF
}
</style>
</head>
<body>
<form name="Form1">
<input name="allbox" type="checkbox" onClick="TA();" title="选中或清理选中所有的项目" tabindex="105">选中或清理选中所有的项目
<br/>
<span class="X">
<input type="checkbox" name="ABC" class="A" onClick="TTA(this);" value=1>清明时节</span>
<br/>
<span class="X">
<input type="checkbox" name="DEF" class="A" onClick="TTA(this);" value=2>长江水啊</span>
<br/>
<span class="X">
<input type="checkbox" name="GHL" class="A" onClick="TTA(this);" value=3>嘿嘿测试</span>
<br/>
<input type="button" name=btn id=btn onclick="javascript:huoqu()" value="获取值" />
<form>
<script language="javascript">
var frm = document.Form1;
</script>
<script language="JavaScript">
function TA(isO,noHL){
var trk = 0;
for(var i=0;i<frm.elements.length;i++){
var e=frm.elements[i];
if((e.name !='allbox') && (e.type == 'checkbox')){
    e.checked = frm.allbox.checked;
   if (frm.allbox.checked){
    //e.parentElement.className = "H"; //.parentElement不兼容firefox阅读器
    e.parentNode.className = "H";//调用配置父节点元素class改动背景色
   }else{
    e.parentNode.className = "X";//调用配置父节点元素class改动背景色
   }
}
}
}
function TTA(CB,noHL){
if (CB.checked){
CB.parentNode.className = "H";
}else{
CB.parentNode.className = "X";
}
var TB=TO=0;
for (var i=0;i<frm.elements.length;i++){
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox')){
   TB++;
if (e.checked)
   TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;
//如果不是所有项被选中则allbox设定未被选中
}
function huoqu(){
    var strid,m;
    for(var i=0;i<frm.elements.length; i++){
        var m=frm.elements[i];
        if ((m.type=='checkbox') && (m.checked))
        {
            strid=strid+","+m.value;
        }
    }
    alert(strid);
}
</script>
</body>
</html>