读书人

html 中的 javascript 全选/撤除全选

发布时间: 2013-10-18 20:53:13 作者: rapoo

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啊

读书人网 >CSS

热点推荐