jQuery Table Row Select All and Invert Selection

Add-ons

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

Plugin Description: jQuery Table Row Select All and Invert Selection

Step 1: Include the CSS

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

Step 2: Include the JS

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

Step 3: Call tableCheck

1	`$selecter.tableCheck()`

Example: Set the selected row class to "warning"

<table class="table table-bordered table-striped" id="myTable">
    <thead>
    <th style="width:20px;"><input type="checkbox"></th>
      <th>Programming Language</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>