checkbox全选/取消全选以及checkbox遍历jQuery实现代码
更新时间：2009年12月02日 01:06:06 作者：
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
复制代码 代码如下:
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='chk_list']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>
下面的代码是获取上面实例中选中的checkbox的value值:
复制代码 代码如下:
<script type="text/javascript">
var arrChk=$("input[name='chk_list'][checked]");
$(arrChk).each(function(){
window.alert(this.value);
});
});
</script>
相关文章
这篇文章主要介绍了jQuery弹出层插件popShow用法,结合实例形式分析了jQuery弹出层插件popShow的具体功能、用法与相关注意事项,需要的朋友可以参考下2017-01-01
Android中的资源是指非代码部分，指外部文件，本文详细介绍资源使用概览，需要了解的朋友可以参考下2012-12-12
很简单有趣的效果，逻辑很清楚，代码也简单，是练手的好东东。2010-04-04
从软件到网站，菜单可以说是无处不在。在传统应用软件开发中，一般都有现成的控件可以使用；但是在网页开发时，基本上要靠开发人员自己动手设计2012-05-05
基于jquery实现select选择框内容左右移动添加删除代码分享
这篇文章主要介绍了基于jquery实现select选择框内容左右移动添加删除功能，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
这篇文章主要给大家介绍了利用jQuery实现一个简单的表格上下翻页效果的相关资料，文中介绍的很详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-03-03
获取时间的方法及常用时间类都是大家经常使用的，在本文为大家整理了一些，个人感觉还比较全，感兴趣的朋友可以收集下2013-10-10
这篇文章主要为大家详细介绍了jQuery选择器之表单元素选择器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了jQuery原生的动画效果的相关资料,需要的朋友可以参考下2015-07-07
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
这篇文章主要介绍了jQuery实现图片轮播效果的方法,该功能基于jquery.pack.js插件实现,涉及jQuery针对页面元素与样式的动态操作技巧,需要的朋友可以参考下2016-06-06
最新评论