Question

我正在寻找能够计算并列出表格列中已选中复选框的索引的代码。

例如：在第一列中，我检查了3个复选框中的2个（第一个和第二个），在下面的列td上单击我想在上面的列中找到带有选中复选框索引的数组。

小提琴：

  [1]: https://jsfiddle.net/1ydryyyq/8/

Answer 1

您可以利用html的数据属性。

在HTML中：

require 'vendor/autoload.php';

在剧本中：

<table id="mytable">
  <thead>
    <tr><th>Val1</th><th>Val2</th><th>Val3</th><th>Val4</th><th>Val5</th></tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <input type='checkbox' class='taker1' checked data-col="1">
      </td>
      <td>
        <input type='checkbox' class='taker1' data-col="2">
      </td>
      <td>
        <input type='checkbox' class='taker1' data-col="3">
      </td>
      <td>
        <input type='checkbox' class='taker1' data-col="4">
      </td>
      <td>
        <input type='checkbox' class='taker1' data-col="5">
      </td>
    </tr>
    <tr>
      <td>
        <input type='checkbox' class='taker2' checked data-col="1">
      </td>
      <td>
        <input type='checkbox' class='taker2' data-col="2">
      </td>
      <td>
        <input type='checkbox' class='taker2' data-col="3">
      </td>
      <td>
        <input type='checkbox' class='taker2' data-col="4">
      </td>
      <td>
        <input type='checkbox' class='taker2' data-col="5">
      </td>
    </tr>

    <td>
      <input type='checkbox' class='taker3' data-col="1">
    </td>
    <td>
      <input type='checkbox' class='taker3' checked data-col="2">
    </td>
    <td>
      <input type='checkbox' class='taker3' data-col="3">
    </td>
    <td>
      <input type='checkbox' class='taker3' data-col="4">
    </td>
    <td>
      <input type='checkbox' class='taker3' data-col="5">
    </td>
    </tr>
    <tr>
      <td class='zero' data-col="1">0.5</td>
      <td class='zero' data-col="2">5</td>
      <td class='zero' data-col="3">2.1</td>
      <td class='zero' data-col="4">0.2</td>
      <td class='zero' data-col="5">1.7</td>
    </tr>
    <tr>
      <td class='zero' data-col="1">1.4</td>
      <td class='zero' data-col="2">0.5</td>
      <td class='zero' data-col="3">2</td>
      <td class='zero' data-col="4">1.1</td>
      <td class='zero' data-col="5">1.5</td>
    </tr>
  </tbody>
</table>

更新了小提琴：Click here

注意：您也可以使用类来完成此操作。我可以看到你正在逐行添加课程（如taker1，taker 2，taker 3）。您只需要按列添加类

即可

获取表格列中已选中复选框的列表

1 个答案: