使用Javascript获取CheckBoxList的选中值

小弟最近困扰这个问题。在网上找了篇很好的文章。正好可以解决问题现在转发一下。网址是这个:

http://www.cnblogs.com/SoulStore/archive/2008/07/09/1239126.html

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

通用版本(不依赖任何类库)
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;
}

 

我尝试过。的确可以在不使用postback的情况下,在客户端获取checkbox的选中值。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值