jquery全选，jquery全不选,jquery反选
生活随笔
收集整理的這篇文章主要介紹了
jquery全选，jquery全不选,jquery反选
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!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>
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/jiunadianshi/articles/3048176.html
總結(jié)
以上是生活随笔為你收集整理的jquery全选，jquery全不选,jquery反选的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： C# DataRow数组转换为DataT
- 下一篇： 中医能治疗好女性输卵管迂曲吗？