JQUERY复选框CHECKBOX全选,取消全选
更新时间：2008年08月30日 20:05:21 作者：
用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.
复制代码 代码如下:
<script type="text/javascript">
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
</script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全选" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />
更加简单的一种:
复制代码 代码如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").each(function(){this.checked=true;});
}else{
$("input[name='checkname']").each(function(){this.checked=false;});
}
}
);
相关文章
由于分页的效果却又是非常令人厌恶的。滚动条无疑是一种简单而又高效的一种方式。而这里，处于对用户体验的考虑，我使用Jquery实现了一种类似滚动停靠的效果，感兴趣的朋友可以参考下哈2013-03-03
jquery ajax提交整个表单元素的快捷办法，需要的朋友可以参考一下2013-03-03
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。2010-06-06
查找a元素的方法有很对，可以通过ID或者class,但如果这两个条件都不具备的话，难道就没有方法了吗？NO,通过url也是可以做到的，下面有个不错的示例，大家可以感受下2014-04-04
本文将结合实际,使用PHP读取Mysql数据表中的数据,并将获取的数据按照要求输出给前端JS,再通过配置调用Highcharts图表库生成饼状图。2015-05-05
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
这篇文章主要介绍了jQuery实现图片轮播效果的方法,该功能基于jquery.pack.js插件实现,涉及jQuery针对页面元素与样式的动态操作技巧,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery实现的淡入淡出图片轮播效果,涉及jQuery基于定时器的页面元素动态操作相关实现技巧,需要的朋友可以参考下2018-08-08
这篇文章主要给大家详细介绍了jQuery.each使用方法及源码分析的相关资料,需要的朋友可以参考下2015-07-07
本篇文章主要介绍了详解layui中的树形关于取值传值问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
jQuery.Uploadify插件实现带进度条的批量上传功能
这篇文章主要介绍了jQuery.Uploadify插件实现带进度条的批量上传功能,还具有取消上传及删除等功能,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
最新评论