java script全选反选的实现

最新推荐文章于 2022-09-02 16:08:24 发布

gfdonx

最新推荐文章于 2022-09-02 16:08:24 发布

阅读量1.1k

点赞数 1

分类专栏： Jsp基础知识

本文链接：https://blog.csdn.net/gfdonx/article/details/49511435

版权

Jsp基础知识专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">

/* 用于全选和全不选 */
function selectInterest(selectType,type){
//得到到所有的复选 框
var interest = document.getElementsByName("interest");
	for(var i = 0 ; i < interest.length; i++){
		if(type == 0)
		interest[i].checked = selectType;
		else
		interest[i].checked = !interest[i].checked;
	}
}

</script>
<title>无标题文档</title>
</head>

<body>
<form>
<p>爱 好：<input type="checkbox" name="interest" value="sports">运动 
<input type="checkbox" name="interest" value="talk">聊天 
<input type="checkbox" name="interest" value="playgames">玩游戏 </p>
<input type="button" value="全选" onClick="selectInterest(true,0)">
<input type="button" value="全不选" onClick="selectInterest(false,0)">
<input type="button" value="反选" onClick="selectInterest(false,1)">
</form>
</body>
</html>

gfdonx

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
java script全选反选的实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">/* 用于全选和全不选 */function selectInterest(selectType,type){//得到到所有的复选框var interest = documen
复制链接

扫一扫