您的位置:首页 > Web前端 > JavaScript

用JavaScript获取Asp.net服务器端控件CheckBoxList的选中值数组

2011-06-24 20:25 363 查看
Asp.net服务器端控件CheckBoxList在客户端没有生成value值,所以就想在客户端通过JS获得选中项就很麻烦了。
迫于无奈,只能写了以下的代码。比较通用,适合于CheckBoxList的属性RepeatLayout为Flow和Table,属性RepeatDirection为Horizontal和Vertical
objID为服务器端控件在客户端生成的ID

通用版本(不依赖任何类库)
function GetCheckBoxListValue(objID)
{
var v = new Array();
var CheckBoxList = document.getElementById(objID);
if(CheckBoxList.tagName == "TABLE")
{
for(i=0;i<CheckBoxList.rows.length;i++)
for(j=0;j<CheckBoxList.rows[i].cells.length;j++)
if(CheckBoxList.rows[i].cells[j].childNodes[0])
if(CheckBoxList.rows[i].cells[j].childNodes[0].checked==true)
v.push(CheckBoxList.rows[i].cells[j].childNodes[1].innerText);
}
if(CheckBoxList.tagName == "SPAN")
{
for(i=0;i<CheckBoxList.childNodes.length;i++)
if(CheckBoxList.childNodes[i].tagName == "INPUT")
if(CheckBoxList.childNodes[i].checked==true)
{
i++;
v.push(CheckBoxList.childNodes[i].innerText);
}
}
return v;
}

Asp.net Ajax版本(依赖Asp.net Ajax类库支持)

function GetCheckBoxListValue(objID)
{
var v = new Array();
var CheckBoxList = $get(objID);
if(CheckBoxList.tagName == "TABLE")
{
for(i=0;i<CheckBoxList.rows.length;i++)
for(j=0;j<CheckBoxList.rows[i].cells.length;j++)
if(CheckBoxList.rows[i].cells[j].childNodes[0])
if(CheckBoxList.rows[i].cells[j].childNodes[0].checked==true)
Array.add(v,CheckBoxList.rows[i].cells[j].childNodes[1].innerText);
}
if(CheckBoxList.tagName == "SPAN")
{
for(i=0;i<CheckBoxList.childNodes.length;i++)
if(CheckBoxList.childNodes[i].tagName == "INPUT")
if(CheckBoxList.childNodes[i].checked==true)
{
i++;
Array.add(v,CheckBoxList.childNodes[i].innerText);
}
}
return v;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐