html中的javascript 全选/取消全选操作示例代码
导读：收集整理的这篇文章主要介绍了html中的javascript 全选/取消全选操作示例代码，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <htML> <head> <meta...
收集整理的这篇文章主要介绍了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
input type="checkbox" name="preDelCheck" value="sugar" > ID2
input type="checkbox" name="preDelCheck" value="sugar"> ID3
input type="checkbox" name="preDelCheck" value="sugar"> ID4
input type="checkbox" name="preDelCheck" value="sugar"> ID5
input type="button" id="allChecked" value="全选/取消全选" onClick="selectAllDels()">
/form>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html中的javascript 全选/取消全选操作示例代码
本文地址： https://pptw.com/jishu/587923.html