jQuery之全选 全不选 反选 方法一
来源：互联网 发布：知乎 保研 换导师 编辑：程序博客网 时间：2024/06/03 13:41
<!DOCTYPE html >
<html >
<meta charset="utf-8">
<head>
<title>全选，不全选，反选</title>
<script src="jquery-1.7.js"></script>
<script >
$(function () {
$("#selectAll").click(function () {//全选
$(".box").attr("checked", true);
});
$("#unSelect").click(function () {//全不选
$(".box").attr("checked", false);
});
$("#reverse").click(function () {//反选
$(".box").attr("checked", function(){return !$(this).attr("checked")});
})
})
</script>
</head>
<body>
<div >
<input type="checkbox" value="1" class="box" />歌曲1<br />
<input type="checkbox" value="2" class="box" />歌曲2<br />
<input type="checkbox" value="3" class="box" />歌曲3<br />
<input type="checkbox" value="4" class="box" />歌曲4<br />
<input type="checkbox" value="5" class="box" />歌曲5<br />
<input type="checkbox" value="6" class="box" />歌曲6
</div>
<input type="button" value="全选" id="selectAll" />
<input type="button" value="全不选" id="unSelect" />
<input type="button" value="反选" id="reverse" />
</body>
</html>
<html >
<meta charset="utf-8">
<head>
<title>全选，不全选，反选</title>
<script src="jquery-1.7.js"></script>
<script >
$(function () {
$("#selectAll").click(function () {//全选
$(".box").attr("checked", true);
});
$("#unSelect").click(function () {//全不选
$(".box").attr("checked", false);
});
$("#reverse").click(function () {//反选
$(".box").attr("checked", function(){return !$(this).attr("checked")});
})
})
</script>
</head>
<body>
<div >
<input type="checkbox" value="1" class="box" />歌曲1<br />
<input type="checkbox" value="2" class="box" />歌曲2<br />
<input type="checkbox" value="3" class="box" />歌曲3<br />
<input type="checkbox" value="4" class="box" />歌曲4<br />
<input type="checkbox" value="5" class="box" />歌曲5<br />
<input type="checkbox" value="6" class="box" />歌曲6
</div>
<input type="button" value="全选" id="selectAll" />
<input type="button" value="全不选" id="unSelect" />
<input type="button" value="反选" id="reverse" />
</body>
</html>
0 0
- jQuery之全选 全不选 反选 方法一
- jQuery之全选 全不选 反选 方法二
- jQuery之全选、反选、全不选
- JQuery 全选 全不选 反选
- jQuery全选、反选、全不选
- jquery-全选-反选-全不选
- jQuery全选,全不选,反选
- jquery全选，jquery全不选,jquery反选
- jquery全选，jquery全不选,jquery反选
- jquery全选/jquery全不选/jquery反选
- jquery全选，jquery全不选,jquery反选
- jquery全选，jquery全不选,jquery反选
- jquery checkbox全选，全不选，反选方法，jquery checkbox全选只能操作一次
- JQuery之复选框的全选、全不选、反选功能
- jQuery_review之jQuery实现多选框的反选、全选、全不选
- jQuery效果之全选反选
- Jquery之实现全选反选功能
- JQuery之全选与反选
- Oracle表空间的状态
- Oracle只读表空间
- Oracle增加表空间大小的方法
- Oracle移动数据文件
- Oracle表空间的删除
- jQuery之全选 全不选 反选 方法一
- Android自定义View（一）View绘制流程以及invalidate()等相关方法分析
- Oracle表空间的创建之实例
- Oracle维护数据一致性之实例
- Oracle自动还原数据管理
- Oracle还原表空间的切换和删除
- Oracle自动还原数据管理参数以及获得还原数据信息
- eclipse 项目中搜索资源(类方法,文件名,文件中的字符串)(图解)
- Oracle管理表之rowid
