首页 > 代码库 > Jquery全选,Jquery全不选,Jquery反选
Jquery全选,Jquery全不选,Jquery反选
<!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="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。