JavaScript+jQuery获取表格复选框勾选行的值

您可以使用以下代码来获取表格中被勾选的复选框对应的行的值：

var selectedRows = [];
$('table input[type="checkbox"]:checked').each(function() {
    var row = $(this).closest('tr');
    var rowData = {
        //根据表格的列数，设置对应的属性名
        'column1': row.find('td:eq(0)').text(),
        'column2': row.find('td:eq(1)').text(),
        'column3': row.find('td:eq(2)').text()
    };
    selectedRows.push(rowData);
});

这段代码会查找表格中被勾选的复选框，然后获取对应的行的值，并将这些值存储在一个数组中。您需要根据实际情况修改代码中的选择器和属性名。

相关问题

JavaScript+jQuery 在表格中有复选框以及input文本，如何获取勾选的复选框中的input文本

你可以使用 jQuery 的选择器来获取勾选的复选框中的 input 文本。以下是示例代码：

// 假设你的复选框有一个 class 名称为 checkbox，input 文本有一个 class 名称为 inputText
var selectedInputs = [];

$('.checkbox:checked').each(function() {
  var inputText = $(this).closest('tr').find('.inputText').val();
  selectedInputs.push(inputText);
});

console.log(selectedInputs);

这段代码会遍历所有选中的复选框，并获取它们所在行的 input 文本的值，将这些值存储在一个数组中。你可以根据需要进行进一步的处理。

表格复选框勾选后的的行的input值进行实时监听对比

如果你使用的是 jQuery，可以通过以下代码实现实时监听表格中复选框勾选状态的变化：

HTML 代码：

<table>
  <thead>
    <tr>
      <th>选择</th>
      <th>名称</th>
      <th>价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox" value="1"></td>
      <td>商品1</td>
      <td>100</td>
    </tr>
    <tr>
      <td><input type="checkbox" value="2"></td>
      <td>商品2</td>
      <td>200</td>
    </tr>
    <tr>
      <td><input type="checkbox" value="3"></td>
      <td>商品3</td>
      <td>300</td>
    </tr>
  </tbody>
</table>

JavaScript 代码：

$('table').on('change', 'input[type="checkbox"]', function() {
  var selectedValues = [];
  $('input[type="checkbox"]:checked').each(function() {
    selectedValues.push($(this).val());
  });
  console.log('选中的值：' + selectedValues.join(', '));
  // 在此处进行选中值与其它值的比较
});

上述代码中，我们使用了 jQuery 的 `on()` 方法来监听表格中的复选框的变化。当复选框的状态发生变化时，我们遍历所有选中的复选框，将其值存入 `selectedValues` 数组中。然后，我们就可以在此处进行选中值与其它值的比较了。在这里，我只是将选中的值输出到了控制台中。你可以根据具体需求来修改代码。