复制代码 代码如下:
<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>
您可能感兴趣的文章:
- 比较全的JS checkbox全选、取消全选、删除功能代码
- Javascript实现CheckBox的全选与取消全选的代码
- js multiple全选与取消全选实现代码
- javascript 全选/反选,取消选择效果
- JS小功能(checkbox实现全选和全取消)实例代码
- js实现复选框的全选和取消全选效果
- CheckBox为CheckBoxList实现全选或全取消选择(js代码实现)
- JS控件ASP.NET的treeview控件全选或者取消(示例代码)
- 基于JavaScript实现复选框的全选和取消全选
- JavaScript实现全选取消效果