ASP.NET服务器端控件CheckBoxList在客户端没有生成value值,所以就想在客户端通过JS获得选中项就很麻烦了。
迫于无奈,只能写了以下的代码。比较通用,适合于控件CheckBoxList的属性RepeatLayout为Flow和Table,属性RepeatDirection为Horizontal和Vertical
objID为ASP.NET服务器端控件在客户端生成的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;
- }
以上介绍ASP.NET服务器端控件CheckBoxList。
【编辑推荐】