ASP.NET服务器端控件CheckBoxList


  本文标签:控件CheckBoxList ASP.NET服务器

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

  通用版本(不依赖任何类库)

  

  1. function GetCheckBoxListValue(objID)  
  2. {  
  3. var v = new Array();  
  4. var CheckBoxList = document.getElementById(objID);  
  5. if(CheckBoxList.tagName == "TABLE")  
  6. {  
  7. for(i=0;i<CheckBoxList.rows.length;i++)  
  8. for(j=0;j<CheckBoxList.rows[i].cells.length;j++)  
  9. if(CheckBoxList.rows[i].cells[j].childNodes[0])  
  10. if(CheckBoxList.rows[i].cells[j].childNodes[0].checked==true)  
  11. v.push(CheckBoxList.rows[i].cells[j].childNodes[1].innerText);  
  12. }  
  13. if(CheckBoxList.tagName == "SPAN")  
  14. {  
  15. for(i=0;i<CheckBoxList.childNodes.length;i++)  
  16. if(CheckBoxList.childNodes[i].tagName == "INPUT")  
  17. if(CheckBoxList.childNodes[i].checked==true)  
  18. {  
  19. i++;  
  20. v.push(CheckBoxList.childNodes[i].innerText);  
  21. }  
  22. }  
  23. return v;  
  24. }  
  25. Asp.net Ajax版本(依赖Asp.net Ajax类库支持)  
  26. function GetCheckBoxListValue(objID)  
  27. {  
  28. var v = new Array();  
  29. var CheckBoxList = $get(objID);  
  30. if(CheckBoxList.tagName == "TABLE")  
  31. {  
  32. for(i=0;i<CheckBoxList.rows.length;i++)  
  33. for(j=0;j<CheckBoxList.rows[i].cells.length;j++)  
  34. if(CheckBoxList.rows[i].cells[j].childNodes[0])  
  35. if(CheckBoxList.rows[i].cells[j].childNodes[0].checked==true)  
  36. Array.add(v,CheckBoxList.rows[i].cells[j].childNodes[1].innerText);  
  37. }  
  38. if(CheckBoxList.tagName == "SPAN")  
  39. {  
  40. for(i=0;i<CheckBoxList.childNodes.length;i++)  
  41. if(CheckBoxList.childNodes[i].tagName == "INPUT")  
  42. if(CheckBoxList.childNodes[i].checked==true)  
  43. {  
  44. i++;  
  45. Array.add(v,CheckBoxList.childNodes[i].innerText);  
  46. }  
  47. }  
  48. return v;  

  
以上介绍ASP.NET服务器端控件CheckBoxList  。