javascript全选反选不选功能效果代码

时间：2013-12-20 00:00:00 编辑：简简单单来源：转载

提示：您可以先修改部分代码再运行

input {float:left;}</style></p>
<script type="text/javascript">
	window.onload=function (){
		var oAll=document.getElementById('all');
		var oNo=document.getElementById('no');
		var oContrary=document.getElementById('contrary');
		var oDiv=document.getElementById('div1');
		var aIpt=oDiv.getElementsByTagName('input');
		
		oAll.onclick=function (){
			for(var i=0;i<aIpt.length;i++){
				aIpt[i].checked=true;
			}
		};
		oNo.onclick=function (){
			for(var i=0;i<aIpt.length;i++){
				aIpt[i].checked=false;	
			}	
		};
		oContrary.onclick=function (){
			for(var i=0;i<aIpt.length;i++){
				if(aIpt[i].checked==false){
					aIpt[i].checked=true;	
				}else{
					aIpt[i].checked=false;	
				}
			}	
		};
	};
</script>

<input id="all" type="button" value="全选" /> <input id="no" type="button" value="不选" /> <input id="contrary" type="button" value="反选" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" />
</td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

上一篇： JavaScript中函数的参数学习笔记
下一篇： javascript指上链接弹出提示框效果

推荐专题

最新下载

热门教程

javascript全选反选不选功能效果代码

相关文章

网站留言

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程

推荐专题

最新下载

热门教程

javascript全选 反选 不选功能效果代码

相关文章

网站留言

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程

javascript全选反选不选功能效果代码