html 中的 javascript 全选/取消全选

最新推荐文章于 2022-08-11 15:45:03 发布

幸运小侯子

最新推荐文章于 2022-08-11 15:45:03 发布

阅读量132

点赞数

文章标签： javascript ViewUI

<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>

幸运小侯子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 中的 javascript 全选/取消全选

&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;script type="text/javascript" language=&qu
复制链接

扫一扫