使用JavaScript實現CheckBoxList單選兩種方法

來源:互聯網
上載者:User
有人問,既然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情況。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.