日期:2014-05-16  浏览次数:20545 次

html 中的 javascript 全选/取消全选
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">

function selectAllDels()
{

    var allCheckBoxs = document.getElementsByName("preDelCheck");
    var desc = document.getElementById("allChecked");
	var selectOrUnselect=false;
        for(var i = 0; i < allCheckBoxs.length; i ++ )
        { 
			if(allCheckBoxs[i].checked){
				selectOrUnselect=true;
				break;
			}
        }
		if (selectOrUnselect)
		{
		_allUnchecked(allCheckBoxs);
		}else
		{
		_allchecked(allCheckBoxs);
		}
}

function _allchecked(allCheckBoxs){
   for(var i = 0; i < allCheckBoxs.length; i ++ )
        { 
            allCheckBoxs[i].checked = true;
        }
}

function _allUnchecked(allCheckBoxs){
    for(var i = 0; i < allCheckBoxs.length; i ++ )
        {
        allCheckBoxs[i].checked = false;
        }
}

</script>
</head>

<body>

<p>test</p>
<form>
<input type="checkbox" name="preDelCheck" value="cream">ID1<br>
<input type="checkbox" name="preDelCheck" value="sugar" >ID2<br>
<input type="checkbox" name="preDelCheck" value="sugar">ID3<br>
<input type="checkbox" name="preDelCheck" value="sugar">ID4<br>
<input type="checkbox" name="preDelCheck" value="sugar">ID5<br>
<input type="button" id="allChecked" value="全选/取消全选" onClick="selectAllDels()">
</form>

</body>
</html>

2楼zgc_sitech昨天 17:08
牛逼啊,上通hadoop,下通js
1楼zgc_sitech昨天 17:08
牛逼啊,上通hadoop,下精js啊