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. 






    

    
  • 

    
    •


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


日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美亚洲另类激情另类| 91丝袜美腿美女视频网站| 亚洲成人av片| 亚洲欧美国产日韩中文字幕| 国产成人av网址| 2019亚洲男人天堂| 91精品国产成人www| 欧美在线不卡区| 日韩精品在线观看网站| 中文综合在线观看| 欧美亚洲国产日韩2020| 97精品国产97久久久久久春色| 国产精品影院在线观看| 精品国产一区二区在线| 日韩成人久久久| 国产精品美女免费看| 欧美国产高跟鞋裸体秀xxxhd| 精品视频久久久久久| 国产精品亚洲综合天堂夜夜| 久久久久久com| 久久亚洲精品视频| 亚洲最新av在线网站| 国产精品免费观看在线| 日韩欧美aⅴ综合网站发布| 91极品视频在线| 国产日韩欧美视频| 亚洲精品91美女久久久久久久| 国产不卡在线观看| 国产v综合v亚洲欧美久久| 欧美人与性动交| 欧美另类极品videosbestfree| 久久精品国产v日韩v亚洲| 欧美巨猛xxxx猛交黑人97人| 亚洲最新在线视频| 永久免费毛片在线播放不卡| 黄色一区二区在线| 欧美色播在线播放| 午夜精品一区二区三区视频免费看| 亚洲欧美日韩一区二区三区在线| 91免费在线视频| 久久视频免费在线播放| 国产精品视频免费观看www| 亚洲国产91精品在线观看| 91麻豆国产精品| 亚洲精品v欧美精品v日韩精品| y97精品国产97久久久久久| 国产成人精品在线观看| 97碰碰碰免费色视频| 亚洲日本欧美日韩高观看| 日韩av在线一区二区| 中文字幕日韩综合av| 欧美性受xxxx黑人猛交| 久久网福利资源网站| 午夜精品久久久久久99热| 亚洲xxxxx电影| 精品久久久久久中文字幕一区奶水| 日韩一区二区在线视频| 亚洲欧美日韩一区二区三区在线| 综合欧美国产视频二区| 亚洲美女在线观看| 911国产网站尤物在线观看| 97国产精品久久| 日韩av最新在线观看| 久久久久久久国产精品视频| 日韩va亚洲va欧洲va国产| 国语自产精品视频在线看抢先版图片| 亚洲人成亚洲人成在线观看| 国产精品成人aaaaa网站| 国产精品都在这里| 亚洲欧美制服另类日韩| 性色av一区二区三区在线观看| 欧美视频裸体精品| 日韩中文av在线| 国产精品尤物福利片在线观看| 久久精品视频在线播放| 久久久久久久久久久网站| 亚洲人成在线免费观看| 欧美区二区三区| 国产suv精品一区二区三区88区| 亚洲人成欧美中文字幕| 亚洲欧美国产精品va在线观看| 国产精品久久久久一区二区| 日韩福利在线播放| 亚洲国产天堂久久综合| 亚洲免费电影在线观看| 精品亚洲国产成av人片传媒| 久久激情五月丁香伊人| xx视频.9999.com| 性欧美办公室18xxxxhd| 91po在线观看91精品国产性色| 亚洲人成电影网站色| 91色在线视频| 性色av一区二区三区免费| 欧美激情乱人伦一区| 久久艳片www.17c.com| 日韩高清免费观看| 国产精品久久久久久影视| 91系列在线播放| 欧美第一淫aaasss性| 亚洲人成亚洲人成在线观看| 91精品国产91久久久| 日韩经典中文字幕在线观看| 亚洲天堂网在线观看| 亚洲精品久久久久中文字幕二区| 亚洲a级在线观看| 亚洲日本成人女熟在线观看| 久久久人成影片一区二区三区| 亚洲最大的免费| 亚洲专区国产精品| 国产成人精品一区| 日韩在线观看网址| 久久久电影免费观看完整版| 欧美日韩国产精品一区二区不卡中文| 国产亚洲欧洲黄色| 欧美老妇交乱视频| 亚洲xxxxx性| 狠狠做深爱婷婷久久综合一区| 亚洲国产成人精品电影| 欧美亚洲午夜视频在线观看| 欧美激情久久久久| 色www亚洲国产张柏芝| www.日韩系列| 欧美综合激情网| 高清欧美一区二区三区| 午夜精品久久久99热福利| 亚洲欧美成人一区二区在线电影| 亚洲精品久久久久中文字幕二区| 另类专区欧美制服同性| 欧美性做爰毛片| 午夜剧场成人观在线视频免费观看| 久久国产精品首页| 丝袜亚洲另类欧美重口| 国产精品美乳一区二区免费| 亚洲另类欧美自拍| 韩国19禁主播vip福利视频| 九九热视频这里只有精品| 日韩在线免费高清视频| 欧美性理论片在线观看片免费| 黑丝美女久久久| 国产精品69精品一区二区三区| 欧美日韩精品二区| 日韩欧美亚洲范冰冰与中字| 亚洲精品久久久久中文字幕二区| 久久网福利资源网站| 欧美精品在线视频观看| 欧美激情一级欧美精品| 在线精品视频视频中文字幕| 成人春色激情网| 欧美精品videossex性护士| 最近2019中文字幕一页二页| 成人a级免费视频| 中文字幕亚洲综合久久| 日韩精品在线播放| 国产精品va在线播放我和闺蜜| 亚洲最大av在线| 中文字幕在线成人| 国产主播欧美精品| 国产精品影院在线观看| 日韩一区二区欧美| 国产成人亚洲综合91精品| 亚洲精品videossex少妇| 久久久精品电影| zzijzzij亚洲日本成熟少妇| 国产成人97精品免费看片|