JavaScript操作form表单元素(单选框 复选框)

通过input就可以将一个简单的复选框呈现在页面上
复选框为checkbox对象

全选
因为要得到复选框数组，而id又不能重复。所以通过name来得到复选框数组。得到数组后遍历，将所有checked值设置为true即可实现全选，全不选原理相同

反选
同样的方法得到复选框数组，遍历的时候判断如果checked值为true则改为false，checked值为false则改为true

要实现的页面大概如下：

    
        
        
        
        
        
        
    
    
        
 操作表单元素
        

        操作多选框

      远走高飞

      李白

      说散就散

      当

      see you again

      fade



      
      
      
      
      

      
      
          --请选择--
          上海
          深圳
          武汉
    
    

自己在写这部分代码时，出现了一些问题：多选和反选的功能没有实现。自己在下面找了下原因，发现是自己把etElementById(), getElementsByName()弄混了。
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签。

1. getElementById()：
   getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。

2. getElementsByName()：
   该方法是通过NAME属性来获得元素，但注意区别：getElementById()中是element,而getElementsByName()是elements。显而易见，getElementsByName()返回值有很多，这是因为document中每一个元素的ID是唯一的，但name却可以重复。如果一个文档中有两个以上的标签name相同，那么getElementsByName()就可以取得这些元素组成一个数组。