用JavaScript获取Asp.net服务器端控件

http://www.sina.com.cn 2008年06月24日 12:25  IT168.com

【IT168技术文档】

  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;
}

Powered By Google
·城市对话改革30年 ·新浪城市同心联动 ·诚招合作伙伴 ·企业邮箱畅通无阻