jQuery 实现form的全选

作者: 佳佳推一把 分类: jQuery 发布时间: 2011-07-29 16:53

代码如下:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<script type=”text/javascript” src=”jquery-1.4.3.min.js“></script>
<script type=”text/javascript”>
function checkAll
(objChkAll){
 var frm = jQuery(objChkAll).parents().filter(“form,:first”);
 if(frm != null){
  jQuery(frm).find(“:checkbox”).attr(“checked”,objChkAll.checked);
 }
}
</script>
</head>
<body>
<form action=”” method=”post”>
<input type=”checkbox” name=”checkbox” id=”checkbox” onclick=”checkAll(this);” />全选
<input type=”checkbox” name=”checkbox” id=”checkbox” />1
<input type=”checkbox” name=”checkbox” id=”checkbox” />2
<input type=”checkbox” name=”checkbox” id=”checkbox” />3
<input type=”checkbox” name=”checkbox” id=”checkbox” />4
<input type=”checkbox” name=”checkbox” id=”checkbox” />5
</form>
</body>
</html>

保存下,备用。

其他方法,利用JS实现全选:js 实现 checkbox 的全选

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

2条评论
  • xiaoxiaopin

    八月 7, 2011 6:10 下午

    不错 来一次就不一样的感觉了

  • 客美达

    八月 7, 2011 1:15 上午

    转走了哦。。。告知一声

发表评论