Jquery表格行全选反选

插件特效

2026-07-26 03:10 3 次浏览 • 0 次下载 53.0KB

插件描述：Jquery表格行全选反选

第一步，引入CSS

1	`<link rel="stylesheet"` `href="css/bootstrap.min.css">`

第二步，引入JS

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/tableCheckbox.js"></script>

第三步，调用tableCheck

1	`$selecter.tableCheck()`

例子：选中行class为“warning”

<table class="table table-bordered table-striped" id="myTable">
    <thead>
    <th style="width:20px;"><input type="checkbox"></th>
      <th>编程语言</th>
        </thead>
    <tbody>
      <tr>
        <td><input type="checkbox"></td>
        <td>C</td>
      </tr>
      <tr>
        <td><input type="checkbox"></td>
        <td>Java</td>
      </tr>
      <tr>
        <td><input type="checkbox"></td>
        <td>PHP</td>
      </tr>
      <tr>
        <td><input type="checkbox"></td>
        <td>JavaScript</td>
      </tr>
      <tr>
        <td><input type="checkbox"></td>
        <td>C++</td>
      </tr>
      <tr>
        <td><input type="checkbox"></td>
        <td>Python</td>
      </tr>
    </tbody>
  </table>