利用Javascript实现全选和全不选

最近开始练习js的基本操作,常常因为一些小疏忽导致页面效果无法实现。这篇博客中我来总结一下如何js实现全选和全不选。

1.首先你需要了解input标签中复选框。当该复选框被选中时,调用该元素checked属性的值为true。这一点是我们利用js实现该效果的第一个要点。

2.全选:当鼠标点击全选这个复选框时,调用函数allSelet().使用for循环遍历每一个需要被选中的input元素(我们它们全部放在箱子里面),并给它们的checked属性赋值true。这样就完成了全选。

3.全不选:当鼠标点击全选这个复选框时,调用函数noSelet().使用for循环遍历每一个需要被选中的input元素(包括全选那个复选框,所以我们直接从document中获取input),并给它们的checked属性赋值false。这样就完成了全不选。




	
		
		Who is the best one?
		
	

	
		全选
	    全不选
		
选我 选我 选我 选我 选我 选我

当你点击全选时

当你点击全不选时

你可能感兴趣的:(利用Javascript实现全选和全不选)