提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

JavaScript代码 实现 功能 取消 全选
2023-06-13 09:14:42 时间
复制代码代码如下:

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

相关文章