javascript 全选与全取消功能的实现代码

177 阅读 0 评论 117 点赞

我是靠谱客的博主危机毛豆，最近开发中收集的这篇文章主要介绍javascript 全选与全取消功能的实现代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript" language="javascript"> 
function selectAll() 
{ 
var allCheckBoxs = document.getElementsByName("coffee"); 
var desc = document.getElementById("like"); 
if(desc.value == "都喜欢") 
{ 
desc.value = "都不喜欢"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = true; 
} 
} 
else 
{ 
desc.value = "都喜欢"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<p>你喜欢那种类型咖啡</p> 
<form> 
<input type="checkbox" name="coffee" value="cream">蓝山咖啡<br> 
<input type="checkbox" name="coffee" value="sugar" >摩卡<br> 
<input type="checkbox" name="coffee" value="sugar">拿铁<br> 
<input type="checkbox" name="coffee" value="sugar">卡布奇诺<br> 
<input type="checkbox" name="coffee" value="sugar">爱尔兰咖啡<br> 
<input type="button" id="like" value="都喜欢" onClick="selectAll()"> 
</form> 
</body> 
</html> 