• 使用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情况。

    文章出处:www.cnblogs.com/jizhong

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。否则保留追究法律责任的权利。

  • 相关阅读:
    codeblocks基本调试方法—gdb—Debugger
    五大开源Web服务器
    【u237】分数化小数
    【u230】回文词
    【t099】最接近神的人
    【t052】冰岛
    【t069】奇怪的迷宫
    【p092】分数线划定
    【u243】拓扑排序
    【u247】生物进化
  • 原文地址:https://www.cnblogs.com/jizhong/p/1245234.html
Copyright © 2020-2023  润新知