<html>
<head>
<script type='text/javascript' src='js/jquery-1.5.1.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$('#handle').click(function(){
if($(this).attr('checked')==true){
$('.toggle').attr('checked','true');
}
else{
$('.toggle').removeAttr('checked');
}
});
$('.toggle').click(function(){
if($('.toggle:checked').length==$('.toggle').length){
$('#handle').attr('checked','true');
}
else{
$('#handle').removeAttr('checked');
}
});
});
</script>
<style type='text/css'>
ul{
background-color:#ccc;
list-style:none;
margin 20px auto;
}
li{
padding:10px;
}
</style>
</head>
<body>
<ul>
<li>
<input type='checkbox' id='handle'>
<label for='handle'>
<strong> Toggle ALL</strong></label>
</li>
<li>
<input type='checkbox' class='toggle'>
<label> aaaaaaa</label>
</li>
<li>
<input type='checkbox' class='toggle'>
<label> bbbbbbb</label>
</li>
<li>
<input type='checkbox' class='toggle'>
<label> cccccccc</label>
</li>
<li>
<input type='checkbox' class='toggle'>
<label> ddddddd</label>
</li>
</ul>
</body>
</html>
分享到:
相关推荐
jQuery实现全选按钮 本文实例为大家分享了jQuery实现全选按钮的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> , initial-scale=1.0...
JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时,页面中所有的复选框都应该为选中状态, 1.1、当再次点击'全选'按钮时,所有的复选框应该是非选中状态。 1.2、当点击子复选框时,'全选'按钮应该是非选中...
jquery通用全选操作,并控制操作按钮,省去检测是否有选中项的麻烦
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
《锋利的jquery》利用jquery实现复选框的全选和反选
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
获取选中的:$(“:checked[checked=’checked’]”) 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边...
主要实现判断所有的复选框选中时,做某些操作,例如使全选按钮选中,当有一项不选中时,则使全选按钮不勾选
本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考,具体如下: 适用于网页多选后需要进行批量操作的场景(如批量删除等)。如有问题希望大家可以指正。谢谢~~ HTML 我们的页面上有一个...
点击全选按钮实现,下面内容全选,与反选 2.下面有一个没有选中时,全选按钮不勾选,当全部选中时才全选。这里引入一个计数器,来判断是否全部选中。 <!DOCTYPE html> <html> <head> <meta ...
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
本文主要介绍了jquery实现全选、全不选以及单选功能的实现代码。具有很好的参考价值。下面跟着小编一起来看下吧
下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...
实现了对网页中最常见的多复选框的选定,另外笔者对此进行了改善,使全选与单选的复选框的选中效果更加动态。
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...
2、全选按钮影响小按钮 、 小按钮全部选中影响全选按钮(比较已勾选项和总体列表的长度 判断全选单选的联动) 3、通过点击加减按钮 改变商品数量 和商品小计 ¥符号在里面可以 substr(1)截取 这里用的是::before ...
//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name=’chkJob’ 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery的简便、明了··· 与用JavaScript写的比起来真的有点差距!...
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为”checked”,假的为”undefined”;当用prop取值时,真的为”true”,假的为”false”。经过网上参考一些资料,及...全选、不选、
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> &...
jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明。设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input ...