`

checkbox全选/不选的js代码实现

XHTMLHTML 
阅读更多
<!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=gb2312" /> 
<title>复选框全选与不全选的切换</title> 
</head> 
 
<body> 
<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br> 
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br> 
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br> 
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br> 
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br> 
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换  
 
<script language=Javascript> 
function checkAll(e, itemName)  
{  
  var aa = document.getElementsByName(itemName);  
  for (var i=0; i<aa.length; i++)  
   aa[i].checked = e.checked;  
}  
function checkItem(e, allName)  
{  
  var all = document.getElementsByName(allName)[0];  
  if(!e.checked) all.checked = false;  
  else  
  {  
    var aa = document.getElementsByName(e.name);  
    for (var i=0; i<aa.length; i++)  
     if(!aa[i].checked) return;  
    all.checked = true;  
  }  
}  
</script> 
</body> 
</html> 
分享到：
| 软件开发者面试百问
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics