以表格为例的全选、全不选、反选

创建表格

<table border="1" cellspacing="" cellpadding="">
			
			<tr>
				<td><input type="checkbox" name="c" id="" value="" /></td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="c" id="" value="" /></td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="c" id="" value="" /></td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="c" id="" value="" /></td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
		</table>

全选

<button type="button" onclick="qx()">全选</button>
function qx(){
				var cs=document.getElementsByName('c');
				for(var i=0;i<cs.length;i++){
					cs[i].checked=true;
				}
			}

全不选

<button type="button" onclick="qbx()">全不选</button>
function qbx(){
				var cs=document.getElementsByName('c');
				for(var i=0;i<cs.length;i++){
					cs[i].checked=false;
				}
			}

反选

<button type="button" onclick="fx()">反选</button>
function fx(){
				var cs=document.getElementsByName('c');
				for(var i=0;i<cs.length;i++){
					if(cs[i].checked){
						cs[i].checked=false
					}else{
						cs[i].checked=true
					}
				}
			}