有人問,既然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情況。