92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

jquery 關于table的全選與反選

2018-7-3    seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

控制表格的多選和反選，直接上代碼，順便安利一個小知識點：tr的底邊框不顯示的問題，解決辦法是：table{border-collapse:collapse;}     



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                <!DOCTYPE html>
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                <html>
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                <head>
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                <title></title>
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                <style>
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                *{margin:0;padding:0;}
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                table{border-collapse:collapse}
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb {width: 100%;border: 1px solid #ccc;}
            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb .fied_header {height: 38px;line-height: 38px;border-left: none;border-bottom: 1px solid #ccc;background-color: #ececec;}
            
    

        
    

    
    10. 

    
  10. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb .fied_header th {text-align: center;border-right: 1px solid #ccc;color: #333;font-size: 14px;}
            
    

        
    

    
    11. 

    
  11. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb .fied_header th input {vertical-align: middle;}
            
    

        
    

    
    12. 

    
  12. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb tr {height: 38px;line-height: 38px;border-left: none;border-bottom: 1px solid #ccc;background-color: #fff;}
            
    

        
    

    
    13. 

    
  13. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb tr td {text-align: center;border-right: 1px solid #ccc;color: #666;font-size: 14px;}
            
    

        
    

    
    14. 

    
  14. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb tr td input {float: left;margin: 12px 5px 0 10px;}
            
    

        
    

    
    15. 

    
  15. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb tr td span {float: left;}
            
    

        
    

    
    16. 

    
  16. 

        
    

            
    

            
    

        
    

        
    

            
    
                .detail_tb tr td select {display: inline-block;width: 90px;height: 24px;}
            
    

        
    

    
    17. 

    
  17. 

        
    

            
    

            
    

        
    

        
    

            
    
                </style>
            
    

        
    

    
    18. 

    
  18. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    19. 

    
  19. 

        
    

            
    

            
    

        
    

        
    

            
    
                </head>
            
    

        
    

    
    20. 

    
  20. 

        
    

            
    

            
    

        
    

        
    

            
    
                <body>
            
    

        
    

    
    21. 

    
  21. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    22. 

    
  22. 

        
    

            
    

            
    

        
    

        
    

            
    
                <table class="detail_tb" >
            
    

        
    

    
    23. 

    
  23. 

        
    

            
    

            
    

        
    

        
    

            
    
                <thead>
            
    

        
    

    
    24. 

    
  24. 

        
    

            
    

            
    

        
    

        
    

            
    
                <tr class="fied_header">
            
    

        
    

    
    25. 

    
  25. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="65"><input type="checkbox" value="number" id="number"> 序號</th>
            
    

        
    

    
    26. 

    
  26. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="110">孩子姓名</th>
            
    

        
    

    
    27. 

    
  27. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="130">家長電話</th>
            
    

        
    

    
    28. 

    
  28. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="110">介紹人孩子姓名</th>
            
    

        
    

    
    29. 

    
  29. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="130">介紹人電話</th>
            
    

        
    

    
    30. 

    
  30. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="150">報名時間</th>
            
    

        
    

    
    31. 

    
  31. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="100">分組情況</th>
            
    

        
    

    
    32. 

    
  32. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="100">拉新數量</th>
            
    

        
    

    
    33. 

    
  33. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="100">是否簽到</th>
            
    

        
    

    
    34. 

    
  34. 

        
    

            
    

            
    

        
    

        
    

            
    
                <th width="100">是否發獎</th>
            
    

        
    

    
    35. 

    
  35. 

        
    

            
    

            
    

        
    

        
    

            
    
                </tr>
            
    

        
    

    
    36. 

    
  36. 

        
    

            
    

            
    

        
    

        
    

            
    
                </thead>
            
    

        
    

    
    37. 

    
  37. 

        
    

            
    

            
    

        
    

        
    

            
    
                <tbody id="tbody">
            
    

        
    

    
    38. 

    
  38. 

        
    

            
    

            
    

        
    

        
    

            
    
                <tr>
            
    

        
    

    
    39. 

    
  39. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="65"><input type="checkbox" value="" id="" ><span>1</span></td>
            
    

        
    

    
    40. 

    
  40. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="110">張三</td>
            
    

        
    

    
    41. 

    
  41. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="130">13888888888</td>
            
    

        
    

    
    42. 

    
  42. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="110">李四</td>
            
    

        
    

    
    43. 

    
  43. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="130">13888888888</td>
            
    

        
    

    
    44. 

    
  44. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="150">2016/08/6 21:00</td>
            
    

        
    

    
    45. 

    
  45. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">
            
    

        
    

    
    46. 

    
  46. 

        
    

            
    

            
    

        
    

        
    

            
    
                <select name="" id="">
            
    

        
    

    
    47. 

    
  47. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">未分組</option>
            
    

        
    

    
    48. 

    
  48. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">1</option>
            
    

        
    

    
    49. 

    
  49. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">2</option>
            
    

        
    

    
    50. 

    
  50. 

        
    

            
    

            
    

        
    

        
    

            
    
                </select>
            
    

        
    

    
    51. 

    
  51. 

        
    

            
    

            
    

        
    

        
    

            
    
                </td>
            
    

        
    

    
    52. 

    
  52. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">33</td>
            
    

        
    

    
    53. 

    
  53. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">是</td>
            
    

        
    

    
    54. 

    
  54. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">
            
    

        
    

    
    55. 

    
  55. 

        
    

            
    

            
    

        
    

        
    

            
    
                <select name="" id="">
            
    

        
    

    
    56. 

    
  56. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">否</option>
            
    

        
    

    
    57. 

    
  57. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">獎品1</option>
            
    

        
    

    
    58. 

    
  58. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">獎品2</option>
            
    

        
    

    
    59. 

    
  59. 

        
    

            
    

            
    

        
    

        
    

            
    
                </select>
            
    

        
    

    
    60. 

    
  60. 

        
    

            
    

            
    

        
    

        
    

            
    
                </td>
            
    

        
    

    
    61. 

    
  61. 

        
    

            
    

            
    

        
    

        
    

            
    
                </tr>
            
    

        
    

    
    62. 

    
  62. 

        
    

            
    

            
    

        
    

        
    

            
    
                <tr>
            
    

        
    

    
    63. 

    
  63. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="65"><input type="checkbox" value="" id=""><span>2</span></td>
            
    

        
    

    
    64. 

    
  64. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="110">張四</td>
            
    

        
    

    
    65. 

    
  65. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="130">13888888888</td>
            
    

        
    

    
    66. 

    
  66. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="110">李四</td>
            
    

        
    

    
    67. 

    
  67. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="130">13888888888</td>
            
    

        
    

    
    68. 

    
  68. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="150">2016/08/6 21:00</td>
            
    

        
    

    
    69. 

    
  69. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">
            
    

        
    

    
    70. 

    
  70. 

        
    

            
    

            
    

        
    

        
    

            
    
                <select name="" id="">
            
    

        
    

    
    71. 

    
  71. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">未分組</option>
            
    

        
    

    
    72. 

    
  72. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">1</option>
            
    

        
    

    
    73. 

    
  73. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">2</option>
            
    

        
    

    
    74. 

    
  74. 

        
    

            
    

            
    

        
    

        
    

            
    
                </select>
            
    

        
    

    
    75. 

    
  75. 

        
    

            
    

            
    

        
    

        
    

            
    
                </td>
            
    

        
    

    
    76. 

    
  76. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">33</td>
            
    

        
    

    
    77. 

    
  77. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">是</td>
            
    

        
    

    
    78. 

    
  78. 

        
    

            
    

            
    

        
    

        
    

            
    
                <td width="100">
            
    

        
    

    
    79. 

    
  79. 

        
    

            
    

            
    

        
    

        
    

            
    
                <select name="" id="">
            
    

        
    

    
    80. 

    
  80. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">否</option>
            
    

        
    

    
    81. 

    
  81. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">獎品1</option>
            
    

        
    

    
    82. 

    
  82. 

        
    

            
    

            
    

        
    

        
    

            
    
                <option value="">獎品2</option>
            
    

        
    

    
    83. 

    
  83. 

        
    

            
    

            
    

        
    

        
    

            
    
                </select>
            
    

        
    

    
    84. 

    
  84. 

        
    

            
    

            
    

        
    

        
    

            
    
                </td>
            
    

        
    

    
    85. 

    
  85. 

        
    

            
    

            
    

        
    

        
    

            
    
                </tr>
            
    

        
    

    
    86. 

    
  86. 

        
    

            
    

            
    

        
    

        
    

            
    
                <tbody>
            
    

        
    

    
    87. 

    
  87. 

        
    

            
    

            
    

        
    

        
    

            
    
                </table>
            
    

        
    

    
    88. 

    
  88. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    89. 

    
  89. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    90. 

    
  90. 

        
    

            
    

            
    

        
    

        
    

            
    
                <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
            
    

        
    

    
    91. 

    
  91. 

        
    

            
    

            
    

        
    

        
    

            
    
                <script type="text/javascript"> 
            
    

        
    

    
    92. 

    
  92. 

        
    

            
    

            
    

        
    

        
    

            
    
                // 全選和反選
            
    

        
    

    
    93. 

    
  93. 

        
    

            
    

            
    

        
    

        
    

            
    
                $("#number").click(function () {
            
    

        
    

    
    94. 

    
  94. 

        
    

            
    

            
    

        
    

        
    

            
    
                var isChecked = $("#number").prop("checked");
            
    

        
    

    
    95. 

    
  95. 

        
    

            
    

            
    

        
    

        
    

            
    
                $("#tbody input").prop("checked", isChecked);
            
    

        
    

    
    96. 

    
  96. 

        
    

            
    

            
    

        
    

        
    

            
    
                })
            
    

        
    

    
    97. 

    
  97. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    98. 

    
  98. 

        
    

            
    

            
    

        
    

        
    

            
    
                // 單獨選項控制全選
            
    

        
    

    
    99. 

    
  99. 

        
    

            
    

            
    

        
    

        
    

            
    
                $("#tbody input").click(function () {
            
    

        
    

    
    100. 

    
  100. 

        
    

            
    

            
    

        
    

        
    

            
    
                var allLength = $("#tbody input").length;
            
    

        
    

    
    101. 

    
  101. 

        
    

            
    

            
    

        
    

        
    

            
    
                var checkedLength = $("#tbody input:checked").length;
            
    

        
    

    
    102. 

    
  102. 

        
    

            
    

            
    

        
    

        
    

            
    
                if(allLength == checkedLength){
            
    

        
    

    
    103. 

    
  103. 

        
    

            
    

            
    

        
    

        
    

            
    
                $("#number").prop("checked",true);
            
    

        
    

    
    104. 

    
  104. 

        
    

            
    

            
    

        
    

        
    

            
    
                }else {
            
    

        
    

    
    105. 

    
  105. 

        
    

            
    

            
    

        
    

        
    

            
    
                $("#number").prop("checked",false);
            
    

        
    

    
    106. 

    
  106. 

        
    

            
    

            
    

        
    

        
    

            
    
                }
            
    

        
    

    
    107. 

    
  107. 

        
    

            
    

            
    

        
    

        
    

            
    
                });
            
    

        
    

    
    108. 

    
  108. 

        
    

            
    

            
    

        
    

        
    

            
    
                </script>
            
    

        
    

    
    109. 

    
  109. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    110. 

    
  110. 

        
    

            
    

            
    

        
    

        
    

            
    
                </body>
            
    

        
    

    
    111. 

    
  111. 

        
    

            
    

            
    

        
    

        
    

            
    
                </html>
            
    

        
    

    
    112. 

    
  112. 

    
    113. 






    

    
  • 

    
    •


藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久久久久久性潮| 超薄丝袜一区二区| 国产一区免费视频| 日本久久精品电影| 深夜福利一区二区| 精品国产91亚洲一区二区三区婷婷| 影音先锋在线播放| 中文字幕高清不卡| 国产免费一区二区三区在线观看| 成人av免费在线观看| 日本乱人伦a精品| 一道本无吗dⅴd在线播放一区| 欧美日韩国产在线| 偷拍亚洲精品| 蜜臀av性久久久久蜜臀aⅴ| 中日韩美女免费视频网址在线观看| 日本成人片在线| 国外成人在线视频| 亚洲日本va在线观看| 色婷婷av一区二区三区在线观看| 久久久久久久久久久久久久一区| 国产美女精品在线观看| 在线看三级电影| 精品日本一区二区三区在线观看| 午夜伦欧美伦电影理论片| 日本久久久久亚洲中字幕| 亚洲综合二区| 色棕色天天综合网| 激情亚洲综合在线| 97香蕉超级碰碰久久免费软件| 神马日本精品| 5566中文字幕一区二区电影| 国产精品视频26uuu| 日本中文字幕伦在线观看| 欧美高清在线一区二区| 亚洲一区二区三区视频在线| 日韩在线视频网| 粉嫩av一区二区三区| 日韩av网站在线观看| 中文字幕日韩av资源站| 成人免费高清在线播放| 亚洲一二三在线| 久久蜜臀精品av| 777午夜精品免费视频| 国产精品—色呦呦| 日本视频在线| 99精品欧美一区二区三区小说| 日韩中文字幕不卡视频| 久久综合入口| 亚洲石原莉奈一区二区在线观看| 国产精品久久久久久久免费大片| 亚洲欧美综合久久久| 免费视频一区三区| 婷婷综合激情| 久久久久久久久国产一区| 国产日产欧美一区| 成人影院www在线观看| 香蕉视频国产精品| 亚洲男人都懂的| 中国女人久久久| 欧美久久综合| 欧美日韩亚洲一区在线观看| 亚洲欧美中日韩| 在线电影欧美日韩一区二区私密| 成人直播在线观看| 青草久久视频| 久久网站最新地址| 午夜欧美精品久久久久久久| 欧洲亚洲在线视频| 羞羞色国产精品| 欧美老女人xx| 伊人久久亚洲热| 欧美久久天堂| av2020不卡| 一本大道久久a久久综合| 色婷婷成人网| 国产伦精品一区二区三区视频孕妇| 亚洲欧美一区二区三区国产精品| 美国欧美日韩国产在线播放| 欧美精品v日韩精品v韩国精品v| caoporn视频在线观看| 亚洲欧美日韩精品一区二区| 国产成人精品日本亚洲专区61| 欧美深深色噜噜狠狠yyy| 最近中文字幕日韩精品| 久久中国妇女中文字幕| 欧美吻胸吃奶大尺度电影| 欧美成人性生活| 超碰成人av| 高跟丝袜一区二区三区| 97久久人人超碰caoprom欧美| av片在线免费观看| 不卡一区综合视频| 国产视频一区在线观看| 精品视频在线一区二区| 中文字幕资源网在线观看| 69堂免费精品视频在线播放| 黄色国产精品一区二区三区| 一本一道久久a久久精品蜜桃| 亚洲成人777| 3d蒂法精品啪啪一区二区免费| 日韩精品一区二区三区在线观看| 91麻豆国产自产在线观看| 亚洲欧美日韩国产中文在线| 最新成人av网站| 精品久久久久国产| 久久字幕精品一区| av在线不卡观看免费观看| 97se亚洲国产综合自在线| 欧美精选一区| 亚洲日本国产| 日韩av高清不卡| 久久亚洲欧美| 麻豆91精品91久久久的内涵| 国产成人一二片| 国产精品久久毛片a| 日本网站在线免费观看视频| 欧美日韩中文字幕综合视频| 久久福利精品| 日韩一级完整毛片| 午夜精品毛片| 日本成人在线不卡视频| 色婷婷精品视频| 在线观看小视频| 一级毛片久久久| 国产91在线精品| 亚洲精品一二三**| 男人在线资源站| **欧美日韩在线观看| 久久亚洲综合色| 91超碰国产精品| 男女啪啪999亚洲精品| 国产91露脸合集magnet| 日韩在线麻豆| 国产精品人人做人人爽| 亚洲精品日韩在线| 欧美最猛性xxxxx免费| 欧美一级日韩一级| 亚洲福利在线播放| 国产精品久久久久久福利| 国产精品99| 国产96在线亚洲| 九色porny丨首页在线| 亚洲精品**中文毛片| 亚洲精品日韩久久久| 久久国产乱子精品免费女| 欧美在线视频在线播放完整版免费观看| 99精品视频在线观看免费| 欧美高清视频手机在在线| 91精品国产自产观看在线| 日韩欧美影院| 日韩av电影国产| 97人人模人人爽视频一区二区| 久久久久久久久久久99999| 国产精品 欧美在线| 91久久电影| 美女免费视频一区| 日韩中文字幕精品视频| 国产精品vvv| 久久久久免费观看| 色就色 综合激情| 中文字幕中文字幕一区二区| 99爱在线观看| 成人一区在线观看|