addAffair()
        

{
            var checkList = document.getElementById("cblTeamPerson");
            var childrens = checkList.getElementsByTagName("input") ;
            var count = childrens.length ;
            if (count == 0 )
                return ;
                
            var checkBox ;
            var checkBoxid ;
            for (var i = 0 ; i < count ; i ++ )
            ...{
                checkBoxid = "cblTeamPerson_" + i ;
                checkBox = document.getElementById(checkBoxid);                           
                checkBox.onclick = function(ev)
                ...{
                    checkedAffair((ev || window.event).srcElement  || ev.currentTarget);
                }
            }            
        }

        
        

 checkedAffair(checkBoxID)
        

{
            var checkBox = document.getElementById(checkBoxID.id);
            var dropDownList = document.getElementById("ddlTeamLeader");
            if (checkBox.checked == true)
            ...{
                var newOption = document.createElement("OPTION") ;
                newOption.text = getText(checkBox.id) ;
                newOption.value = getValue(checkBox.id) ;
                dropDownList.options.add(newOption);
            }
            else if (checkBox.checked == false)
            ...{
                var strValue = getValue(checkBox.id) ;
                var count = dropDownList.options.length ;
                var children ;
                
                for (var i = 0 ; i < count ; i ++)
                ...{
                    children = dropDownList.options[i].value ;
                    if (children == strValue)
                    ...{
                        dropDownList.options.remove(i) ;
                     }
                }
            }
        }

        
        

 getText(checkBoxID)
        

{
            var checkBoxList = document.getElementById("cblTeamPerson");
            var checkbox = checkBoxList.getElementsByTagName("input");
            var index = getValue(checkBoxID);
            var intIndex = parseInt(index);
            
            alert(checkbox[index].nextSibling.innerHTML);            
            
            var value = checkbox[index].nextSibling.innerHTML ;
            return value ;
        }

        
        

 getValue(checkBoxID)
        

{ 
            var checkBox = document.getElementById(checkBoxID);
            var factLength = checkBox.id.length;                   
            if (factLength == 15)
            ...{
                return checkBox.id.substring(14,15) ;
            }
            else
            ...{
                return checkBox.id.substring(14,16) ;
            }
        }

    

遇到的2个比较严重的问题

1、在addAffair（）时，页面生成后给客户端生成的单一的checkbox挂onclick事件，如果直接写成

checkBox.onclick = checkedAffair（）；是不响应的，这是在调用函数，应该

checkBox.onclick = function(ev) { 函数 }

2、getText（），取不到checkbox的Text，Value貌似确实取不到，改用获取checkbox的ClientID的尾数来记录value的办法，但是getElementById，取到的只是“on”，后来又想根据getElementsByTagName("input")得到checked的index，但是返回的值是undefind，后来又想通过CheckBoxList生成的<table>，用DOM模型来取，依然找不到

解决办法    var value = checkbox[index].nextSibling.innerHTML;

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1577056

OO的JavaScript并不高深，麻烦就麻烦在google出来的国人介绍文章经常罗罗嗦嗦，而且之间的说法还各有不同，摆在一起就让人看了头大。
这里重拾简单主义，以一个最简单的例子把OO Javascript说明白。

1.一个颇为精简的例子

只需理解三个关键字:
第一个是function ，JS世界里Class的定义用"function"，function里面的内容就是构造函数的内容。

第二个是this指针，代表调用这个函数的对象。

第三个是prototype，用它来定义成员函数， 比较规范和保险。

//定义Circle类，拥有成员变量r，常量PI和计算面积的成员函数area()
function Circle(radius) 
{  
    this.r = radius;
}
Circle.PI = 3.14159;
Circle.prototype.area = function(  ) {return Circle.PI * this.r * this.r;}

//使用Circle类
var c = new Circle(1.0);   
alert(c.area()); 

function compute_area(){return Circle.PI * this.r * this.r;}
Circle.prototype.area=compute_area;

2.继承

注意两点
1.定义继承关系 ChildCircle.prototype=new Circle(0); 其中0是占位用的
2.调用父类的构造函数 
     this.base=Circle;
     this.base(radius);

//定义ChildCircle子类
function ChildCircle(radius) 
{  
     this.base=Circle;
     this.base(radius);
}

ChildCircle.prototype=new Circle(0);
function Circle_max(a,b)
{
    if (a.r > b.r) return a;

    else return b;
}
ChildCircle.max = Circle_max;

//使用ChildCircle子类
var c = new ChildCircle(1);
var d = new ChildCircle(2);   
var bigger = d.max(c,d); 
alert(bigger.area());

3.var式定义
JS还支持一种var Circle={raidus:1.0,PI:3.1415}的形式，语法就如CSS的定义。
因此如果Circle只有一个实例，下面的定义方式更简洁：

var newCircle=
{
r:1.0,
PI:3.1415,
area: function(){ return this.PI * this.r * this.r;}
};
alert(newCircle.area());

function isValidInteger(integerObj){
  var ret = true  ;
  if(integerObj.value=="")return ret ;
  var dataPat = /^(\d+)(\.?)$/; 
  var matchArray = integerObj.value.match(dataPat);
  if (matchArray == null)     ret = false;  
  if(!ret){
    alert("请输入正确的整型:([0-9]!");    
  integerObj.focus();
  integerObj.select();
  }
  return ret ;
}

function isValidNumeric(numericObj){
  var ret = 1  ;
  if(numericObj.value=="")return ret ;
  var dataPat = /^(\d+)(\.?)(\d*)$/; 
  var matchArray = numericObj.value.match(dataPat);
  if (matchArray == null)     ret = 0;  
  if(!ret){
    alert("请输入正确的数字类型:(xx*.yy*)!");    
  numericObj.focus();
  numericObj.select();
  }
  return ret ;
 
}
//

//检查有效日期
function isValidDate(dateObj){
 
    var ret = 1  ;
 if(dateObj.value=="") return ret ;
    var datePat = /^(\d{4})(\-)(\d{1,2})(\-)(\d{1,2})$/; 
    var matchArray = dateObj.value.match(datePat);
 
    if (matchArray == null)     ret = 0;   
 if(ret){
 //alert(matchArray[1]+'-'+matchArray[3]+'-'+matchArray[5]); 
 
 var d= new Date(matchArray[1], matchArray[3],matchArray[5]);
 // alert(d.getDate()+'aa'+d.getMonth()+'bb'); 
 if(matchArray[3]==12){ 
  matchArray[3] = 0 ;
  matchArray[1] = parseInt(matchArray[1]) + 1;
  }
  
 //if(d.getFullYear()!=matchArray[1]) {ret = 0; alert(matchArray[1]); }
 //if(ret&&(d.getMonth()!=matchArray[3])){ ret = 0; alert(matchArray[3]); }
 //if(ret&&(d.getDate()!=matchArray[5]))  {ret = 0; alert(matchArray[5]);}
 }
 if(!ret){
  alert("请输入正确的日期格式:(yyyy-mm-dd)!");   
  dateObj.focus();
  dateObj.select();
  return false;
 }
 
 return true ;
}
//判断用户已经输入多少个字符
function strlength(str){
 var l=str.length;
 var n=l
 for (var i=0;i<l;i++) {
 if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++
 }
 return n  
}