最简洁全选js代码

2012-06-12

全选的功能做web的几乎没人没用过,但是百度出来的那些代码,大部分都很不优雅简洁,自己写了一个mark一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function checkall(call){
	 var cids=document.getElementsByName("cid");
	 for(i=0;i<cids.length;i++){
		   cids[i].checked=call.checked;
	 }
}
function dellall(){
	  var cids=document.getElementsByName("cid");
	  var selectid="";
	  for(i=0;i<cids.length;i++){
		  if(cids[i].checked){
			 selectid+=cids[i].value+",";
		 }
	  }
	  if(selectid.length>0){
		 selectid=selectid.substring(0,selectid.length-1);  
	  }
	  alert(selectid);
	}
</script>
</head>

<body>

<div >
<ul>
<li><input type="checkbox" name="cid" value="1"  />1 </li>
<li><input type="checkbox" name="cid" value="2"  />2 </li>
<li><input type="checkbox" name="cid" value="3"  />3 </li>
<li><input type="checkbox" name="cid" value="4"  />4 </li>
<li><input type="checkbox" name="cid" value="5"  />5 </li>
</ul>
</div>
<div><input type="checkbox" name="checkall" onclick="checkall(this);" />全选  <a href="javascript:dellall()">删除</a> </div>
</body>
</html>
作者:robotbird, 分类:关于代码 标签: javascript , 浏览(2403), 评论(0)
上一篇: orchard之lucene.net索引生成
下一篇: 从今天开始坚持不刷技术类文章

相关文章

(0)条评论 订阅

发表评论

电子邮件用于回复通知和avatar全球唯一头像 *

*