jQuery 实现checkbox的全选，全部选

最新推荐文章于 2025-05-05 22:17:58 发布

iteye_16256

最新推荐文章于 2025-05-05 22:17:58 发布

阅读量119

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 Javascript jQuery 文章标签： jQuery JavaScript XHTML HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_16256/article/details/81919436

前端 Javascript jQuery 专栏收录该内容

16 篇文章

订阅专栏

<!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 src="jQuery_min.js" type="text/javascript"></script>
<script type="text/javascript">


function hh(a){
//var items = document.getElementsByTagName("input");
$("input[type=checkbox]").each(function(){this.checked = a.checked;});
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
    <input type="checkbox"  name="checkbox" id="checkbox" />
  </label>
   <input type="checkbox" name="checkbox1" id="checkbox" />
    <input type="checkbox" name="checkbox2" id="checkbox" />
     <input type="checkbox" name="checkbox3" id="checkbox" />
      <input type="checkbox" name="checkbox4" id="checkbox" />
</form>
<a href="javascript:" οnclick="hh()">click</a>
 <input type="checkbox" name="checkbox4" οnclick="hh(this)" id="checkbox" />
</body>
</html>