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

全选与全取消在工作过程中经常会使用到,是因为它很方便,同时可以提高用户体验值,本文介绍如何使用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" value="cream">蓝山咖啡<br>
<input type="checkbox" value="sugar" >摩卡<br>
<input type="checkbox" value="sugar">拿铁<br>
<input type="checkbox" value="sugar">卡布奇诺<br>
<input type="checkbox" value="sugar">爱尔兰咖啡<br>
<input type="button" value="都喜欢">
</form>
</body>
</html>

您可能感兴趣的文章:

相关文章

最新评论

站长推荐

正版 Windows 10

正版Windows 10 家庭/专业版,操作系统限时抢购[¥1088→¥248]

站长推荐

正版 Office 软件

Microsoft Office 2016/2019/365 正版最低价仅需[ ¥148元]

大家感兴趣的内容

最近更新的内容

常用在线小工具

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wddjgw.html