zoukankan      html  css  js  c++  java
  • 使用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

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

  • 相关阅读:
    文件上传之前先进行预览
    代码规范
    ESLint 配置文件 .eslintrc 示例及说明
    JQ ajax全局事件 (个人学习笔记)
    JQ ajax (个人学习笔记)
    js 滚动加载图片(懒加载)实现原理 (个人学习笔记)
    js 正则 (个人学习笔记)
    js 理解闭包 (个人学习笔记)
    js 改变this指向的几种方法(个人学习笔记)
    js 理解this指向(个人学习笔记)
  • 原文地址:https://www.cnblogs.com/jizhong/p/1245234.html
Copyright © 2011-2022 走看看