欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現(xiàn)全選反選不選功能代碼詳解

 更新時間：2019年04月24日 11:05:21   作者：光頭強兒  
這篇文章主要介紹了js實現(xiàn)全選反選不選功能，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

本文實例為大家分享了js實現(xiàn)全選反選不選功能的具體代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html>
<meta charset='utf-8' />
<body>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='button' name='id' value='全選' onclick='return fun()' />
<input type='button' name='id' value='取消全選' onclick='return fan()' />
<input type='button' name='id' value='反選' onclick='return fans()' />
<script type="text/javascript">
function fun()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		a[i].checked=true;
	}
}
function fan()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		a[i].checked=false;
	}
}
function fans()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		if(a[i].checked==true)
		{
			a[i].checked=false;	
		}
		else
		{
			a[i].checked=true;
		}
	}
}
</script>
</body>
</html>

相關(guān)文章

最新評論