<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$("#check_all").live("click",function(event){
if($("#check_all").hasClass('not_checked')){
$("#check_all").removeClass('not_checked');
$(".check-box").attr('checked',true);
} else {
$("#check_all").addClass('not_checked');
$(".check-box").attr('checked',false);
}
});
</script>
</head>
<body>
<table>
<tr>
<td>Select/Deselect</td>
<td>
<input type="checkbox" class="check-box not_checked" id="check_all"/>
</td>
</tr>
<tr>
<td>First</td>
<td>
<input type="checkbox" class="check-box" id="check_box2"/>
</td>
</tr>
<tr>
<td>Second</td>
<td>
<input type="checkbox" class="check-box" id="check_box3"/>
</td>
</tr>
<tr>
<td>Third</td>
<td>
<input type="checkbox" class="check-box" id="check_box4"/>
</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
《锋利的jquery》利用jquery实现复选框的全选和反选
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
jquery 、js实现复选框 (全选、反选)功能··
用jQuery一句话实现复选框全选取消,请试试吧
主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下
实现了对网页中最常见的多复选框的选定,另外笔者对此进行了改善,使全选与单选的复选框的选中效果更加动态。
jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态
jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计
一个基于jQuery 实现的的全选、反选复选框插件源码例子
介绍了jQuery checkbox复选框全选功能的代码实例,有需要的朋友可以参考一下
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...
本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。 jQuery代码: 代码如下: $(function(){ $(“#checkedAll”).click(function(){ $(‘[name=items]:checkbox’)...
本文分享一段基于jQuery实现的复选框全选、全不选、反选功能的代码,有需要的小伙伴可以参考一下
jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效
主要给大家介绍了关于利用bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果的相关资料,文中给出了完整的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友下面来一起看看吧。
用JQUERY实现全选和取消全选,减少了我们写JS的麻烦,我们再也不用写那么多代码了,给大家分享两段代码,用JQUERY实现复选框的全选和取消全选.