利用jQuery实现全选全不选反选
来源:互联网 发布:ubuntu只有一种分辨率 编辑:程序博客网 时间:2024/06/05 00:25
<html>
<head>
<meta charset="utf-8"/>
<script type="text/JAVAscript" src="script/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
//全选
$("#checkAll").click(function(){
$(":checkbox").attr("checked",true);
});
//全不选
$("#checkNo").click(function(){
$(":checkbox").attr("checked",false);
});
//反选 游戏论坛:http://www.jiushun8.com
$("#reverse").click(function(){
//先找到所有的复选框,然后循环遍历每一个复选框,each()相当于foreach()
$(":checkbox[name=items]").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<form action="#" method="post">盛世游戏http://www.shengshiyouxi.com
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="保龄球" />保龄球
<input type="button" id="checkAll" value="全选" />
<input type="button" id="checkNo" value="全不选" />
<input type="button" id="reverse" value="反选" />
</form>
</body>
</html>
<head>
<meta charset="utf-8"/>
<script type="text/JAVAscript" src="script/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
//全选
$("#checkAll").click(function(){
$(":checkbox").attr("checked",true);
});
//全不选
$("#checkNo").click(function(){
$(":checkbox").attr("checked",false);
});
//反选 游戏论坛:http://www.jiushun8.com
$("#reverse").click(function(){
//先找到所有的复选框,然后循环遍历每一个复选框,each()相当于foreach()
$(":checkbox[name=items]").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<form action="#" method="post">盛世游戏http://www.shengshiyouxi.com
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="保龄球" />保龄球
<input type="button" id="checkAll" value="全选" />
<input type="button" id="checkNo" value="全不选" />
<input type="button" id="reverse" value="反选" />
</form>
</body>
</html>
- 利用jQuery实现全选全不选反选
- 利用jQuery实现全选全不选反选
- jQuery实现全选取消全选
- 利用jQuery实现全选、反选、删除和添加
- 利用jQuery实现CheckBox全选/全不选/反选
- 利用jQuery实现CheckBox全选/全不选/反选
- checkbox利用JQuery实现全选、反选的方法
- Asp.net 中利用JQuery实现Treeview的全选和取消全选
- Jquery 实现全选checkbox
- jQuery实现全选效果
- jquery全选按钮实现
- jquery实现全选功能
- jquery实现checkbox全选
- jquery实现全选功能
- jQuery实现 全选/全不选
- 使用jquery实现全选
- jQuery实现全选按钮
- jQuery实现全选功能
- android SharedPreferences的用法
- 无法找到“.exe”的调剂信息,或者调剂信息不匹配。未使用调剂信息生成二进制文件。
- servlet开发
- 转载:微软的面试题及答案
- ubuntu开机直接进入命令行模式
- 利用jQuery实现全选全不选反选
- 虚拟串口工具Virtual Serial Port Driver(VSPD)
- servlet入门
- uva11137 - Ingenuous Cubrency(简单动归)
- Division
- 在VS中添加cocos2d-x扩展extensions
- 如何读文献
- final在java中体现的独特
- TRACE、ASSERT和VERIFY宏