使用JavaScript实现CheckBoxList单选两种方法

有人问,既然RadioButtonList可以实现单选,哪么为什么还要用CheckBoxList实现单选呢?这样做除去费时以外好像没有什么“好处”;但是有时用RadioButtonList实现单选不太合适。例如:我是用户,我选择其中一项后,又不想选择其中一项怎么办?而且那个RadioButtonList怎么看都不顺眼,确实有点丑。好了废话不说了,实现CheckBoxList单选的代码如下:
方法1:
 1function   CheckSelect()
 2 {  
 3    var tb = document.getElementById("ctl00_ContentPlaceHolder1_chkYear"); 
 4
 5    for(var i=0;i < tb.rows.length;i++)         
 6    {
 7       var chk = tb.rows[i].firstChild.firstChild;
 8       alert(chk == event.srcElement);
 9       if(chk != event.srcElement)                 
10       {  chk.checked = false;}         
11    }
     
12 }
 

此方法适用在竖向排列情况下。
方法2:
 1function   CheckSelect()
 2    {         
 3    var tb = document.getElementById("CheckBoxList1");
 4    for(var i=0;i < tb.rows.length;i++)         
 5    {
 6        for(var j =0; j < tb.rows[i].cells.length; j++)
 7        {
 8          var chk = tb.rows[i].cells[j].firstChild;
 9          if(chk!= null && chk != event.srcElement)                 
10           {                       
11              chk.checked = false;                 
12           }
         
13        }
 
14    }
    
15    }
 

此方法适用于横向排列,且指定了RepeatColumns情况。
posted @ 2008-07-17 15:38  Shapley  阅读(1901)  评论(0编辑  收藏  举报