`

checkbox 全选与全不选

    博客分类:
  • JS
阅读更多
<!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> select all or clear all</title> 
<style type="text/css"> 
p {margin:0;font-size:12px;line-height:26px;} 
</style> 
<script type="text/javascript"> 
function check_all(obj,cName) 
{ 
    var checkboxs = document.getElementsByName(cName); 
    for(var i=0;i<checkboxs.length;i++){
    checkboxs[i].checked = obj.checked;} 
} 
</script> 
</head> 
  
<body> 
<p><input type="checkbox" name="all" onclick="check_all(this,'checkbox')" />select all/clear all</p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
<p><input type="checkbox" name="checkbox" value="" /></p> 
</body> 
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics