（19）-- 制作简易JS购物选项

最新推荐文章于 2022-12-23 15:02:44 发布

Fredreck1919

最新推荐文章于 2022-12-23 15:02:44 发布

阅读量495

点赞数

分类专栏：前端基础文章标签： HTML Javascript

本文链接：https://blog.csdn.net/Fredreck1919/article/details/79037294

版权

前端基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

#制作简易JS购物选项

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>制作简易JS购物选项</title>
</head>
<body>
	家用电器：<input type="checkbox"><br>
	新潮衣物：<input type="checkbox"><br>
	水果生鲜：<input type="checkbox"><br>
	<button οnclick="func(1)">全选</button>
	<button οnclick="func(2)">全不选</button>
	<button οnclick="func(3)">反选</button>
	<script>
		var inp=document.getElementsByTagName('input');
		function func(num)
		{
			for(var i=0;i<inp.length;i++)
			if(num==1)
				{inp[i].checked=true;}
			else if(num==2)
				{inp[i].checked=false;}
			else{inp[i].checked=!inp[i].checked}
		}
	</script>
</body>
</html>

兄弟连学python

Python学习交流、资源共享群：563626388 QQ

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Fredreck1919

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
（19）-- 制作简易JS购物选项

#制作简易JS购物选项制作简易JS购物选项家用电器：新潮衣物：水果生鲜：全选全不选反选 var inp=document.getElementsByTagName('input'); function func(num) { for(var i=0;i<inp.length;i++) if(num==1)
复制链接

扫一扫