JS | 获取当前点击的是第几个元素

最新推荐文章于 2023-08-01 23:53:41 发布

木东东174

最新推荐文章于 2023-08-01 23:53:41 发布

阅读量1.4k

点赞数 1

分类专栏： web前端文章标签： javascript html5 jquery

本文链接：https://blog.csdn.net/weixin_50781713/article/details/129086400

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用index`

<body>
	<div id="main">
		<input type="checkbox" class="check-box">
		<input type="checkbox" class="check-box">
		<input type="checkbox" class="check-box">
		<input type="checkbox" class="check-box">
		<input type="checkbox" class="check-box">
	</div>
</body>
<script>
	window.onload = function(){
		var inputs = document.getElementsByClassName("check-box");
		for(let i=0;i<inputs.length;i++){
			inputs[i].setAttribute("index",i);
			inputs[i].onclick = function(){
				console.log("第"+this.getAttribute("index")+"个");
			}
		}
	}
	
</script>