关于checkbox一点感想

关于checkbox一定体会：
1：checkbox的全选和取消全选。
eg：<table>
 //标题  
<tr>
<td></td>
<td><input name="allbox" type="checkbox" onClick="CheckAll();" value="checkbox"></td>
<td>单位</td>
</tr>
//通过循环都到所显示的列表，value值没有显示出来
<tr>
<td></td>
<td><input name="chkButton" type="checkbox" ></td>
<td></td>
</tr>
</table>
方法一： 
<script type="text/javascript">
 function CheckAll()
 {
 
 var el2=document.getElementsByName('chkButton')
 for(i=0;i<el2.length;i++){
  el2[i].checked = document.all('allbox').checked;//此句已动态的判断了全选和取消全选
 }
 
 }
</script>
 
方法二：
/*
      checkbox的全选与取消全选。
       调用示例：
     <input type="checkbox" οnclick="checkAll(this.form, this)"/>
  */
<script type="text/javascript">
function checkAll(input1,input2) {
                    var objForm = input1;
                    var objLen = objForm.length;
                    for (var iCount = 0; iCount < objLen; iCount++) {
                        if (input2.checked == true) {
                            if (objForm.elements[iCount].type == "checkbox") {
                                objForm.elements[iCount].checked = true;
                            }
                        }
                        else {
                            if (objForm.elements[iCount].type == "checkbox") {
                                objForm.elements[iCount].checked = false;
                            }
                        }
                    }
            } 
</script> 
 
2.对选中的checkbox对button变灰和显亮控制
<input name="chkButton" type="checkbox" onClick="doChangeEvent()"></c:out>">
<input name="submitt" type="submit" value="修改" onSubmit="return submitForm()" disabled="disabled" />//按钮默认为：灰色
<script type="text/javascript">
 function doChangeEvent(){
       var select = false;
       var allCheckBox = document.getElementsByName('chkButton');//或者设置一个id属性，通过getElementsById方法都到
       var i = 0;
       for(;i < allCheckBox.length;i++){
        if(allCheckBox[i].checked){
         select=true;
        }
       }
       if(select){
        document.all.submitt.disabled = false;//如果选择了checkbox，按钮显亮
        
       }else{
        document.all.submitt.disabled = true;//如果为选，或取消。。变灰
       }
      }
</script>

3.对选择checkbox的个数进行判断
<script type="text/javascript">
function getSelectedCheckBoxNumber(){
 var recordNumber = document.getElementsByName('chkButton').length;
 if(recordNumber.toString() == 1){
  if(document.all.chkButton.checked) return 1;
  else{
   return 0;
  }
  }
  var k = 0;
  for(var i = 0; i < recordNumber; i++){
   if(document.all.chkButton[i].checked){
     k = k + 1;
   }
  }
 return k;
}
</script>
4.都到checkbox的值
<script type="text/javascript">
function getSelectedCheckBoxValues(){
 var recordNumber = document.getElementsByName('chkButton').length;
 var array = new Array();
 var j = 0;
 if(recordNumber.toString() == 1){
   array[j] = getOnlyOneCheckBoxValue();
   return array;
  }

 for(var i = 0; i < recordNumber; i++){
  if(document.all.chkButton[i].checked){
   array[j] = document.all.chkButton[i].value;
   j++;
  }
 }
return array;//返回给后台要通过循环一条一条记录进行处理
}

function getOnlyOneCheckBoxValue(){
 if(document.all.chkButton.checked){
  return document.all.chkButton.value;
  }else{
    return "";
  }
}
</script>