jquery全选,jquery全不选,jquery反选
2016-10-21 18:48
330 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>全选,不全选,反选</title> <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(function () { $("#selectAll").click(function () {//全选 $("#playList :checkbox").attr("checked", true); }); $("#unSelect").click(function () {//全不选 $("#playList :checkbox").attr("checked", false); }); $("#reverse").click(function () {//反选 $("#playList :checkbox").each(function () { $(this).attr("checked", !$(this).attr("checked")); }); }); }); </script> </head> <body> <div id="playList"> <input type="checkbox" value="歌曲1" />歌曲1<br /> <input type="checkbox" value="歌曲2" />歌曲2<br /> <input type="checkbox" value="歌曲3" />歌曲3<br /> <input type="checkbox" value="歌曲4" />歌曲4<br /> <input type="checkbox" value="歌曲5" />歌曲5<br /> <input type="checkbox" value="歌曲6" />歌曲6 </div> <input type="button" value="全选" id="selectAll" /> <input type="button" value="全不选" id="unSelect" /> <input type="button" value="反选" id="reverse" /> </body> </html>
相关文章推荐
- jquery 全选篇
- 利用jquery实现动态表格的相关操作以及列表全选功能
- jquery通过prop来对checkbox进行全选
- Jquery中的prop()方法 全选或全不选
- jquery全选/反选/批量删除
- jQuery设置复选框的全选和全不选
- js与jQuery实现checkbox复选框全选/全不选的方法
- ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
- jquery checkbox 全选 不要用attr要用 prop
- jQuery 全选 反选
- yii2中使用jquery作全选,反选,批删(练习)
- jQuery实现复选框的全选和反选
- Jquery 全选,反选
- jquery操作复选框全选反选选中 1.9与1.8区别
- jQuery实现一个全选复选框联动效果
- jquery 页面全选框实践代码
- jQuery checkbox的全选与反选
- jquery全选,全不选,单个取消选中全选自动去除, 单个全部选中全选自动勾选
- JQuery制作文字置顶、置底与上下移动及全选反选
- jQuery实现表格的checkbox全选/取消全选