在jquery中获取选定tr的值答案

【问题标题】：Get values of selected tr in jquery在jquery中获取选定tr的值
【发布时间】：2017-05-26 13:56:30
【问题描述】：

我有一个表格，其中包含每行带有复选框的数据。当任何一个复选框被选中时，我将Selected 类添加到相应的tr 元素中。

$('#InventoryTable tbody').on('click', 'input[type="checkbox"]', function (e) { /** logic */ });

但是当我在按钮点击时获得选定的tr 元素时，我遇到了以下问题。

这是我用来获取选定的tr 值的代码：

function myFunc() {
    debugger;

    var table = $('#InventoryTable').DataTable();
    var adjustmentdetails = new Array();
    $("#InventoryTable tr.selected").each(function (ix, element) {

        // Do your processing.
         debugger;
    });
}

但是，我无法使用上述代码获取其他页面（分页）选择的值。

【问题讨论】：

请出示您的 HTML
“但是我无法使用上面的代码获取其他页面选择的值。”你什么意思？
我正在为表格使用分页概念。当我在其他页面中选择行时，这些值不会使用上述函数。
@DanielH 编辑了我的问题。请查看。
我改进了您帖子的语言和格式，使其更具可读性。但是，您应该更清楚您的实际问题是什么。我不明白您所说的“我无法使用上述代码获取其他页面选择的值”是什么意思。你在说什么其他页面？包括更多代码，也许还有截图，以解释您的问题。

标签： javascript jquery html css datatable

【解决方案1】：

只需将此代码转换为函数

function clickcheck(e){
  { //logic });
}

并将此功能应用于您的复选框 onclick attr 并在此功能上传递事件

【讨论】：

【解决方案2】：

这是一种方法，我假设添加类功能对您有用，然后使用单击按钮获取所有类型为复选框的元素，它是类selected 的输入元素。然后打印这个值（把你的逻辑放在这里）

$('input[type=checkbox]').on('click', function(e) {
  if (this.checked) {
    $(this).addClass('selected');
  } else {
    $(this).removeClass('selected');
  }
});

$('#getAllCheckedValue').on('click', function() {
  console.log('----------- getAllCheckedValue ----------------');
  $("input.selected[type=checkbox]").each(function(ix, element) {
    console.log('Checked-->' + $(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="InventoryTable">
  <tbody>
    <tr>
      1<input type="checkbox" value="1" class="test test2">
    </tr>
    <tr>
      2<input type="checkbox" value="2">
    </tr>
    <tr>
      3<input type="checkbox" value="3">
    </tr>
  </tbody>
</table>
<button id="getAllCheckedValue">
  Get All Checked Value
</button>

【讨论】：

Daniel，当复选框位于表格的同一页面中时，您的代码将有所帮助。但对我来说，我需要在不同页面中获取所有复选框值。
@ManojKumarYellapragada 加载那些页面并隐藏它们，然后调用这个函数？
@ManojKumarYellapragada 没有将所有页面加载到一个页面中，我认为你不能使用 jQuery，因为它是前端，除非你可以在每个页面上进行 ajax 调用，将数据发送到服务器，这样你就可以拥有一个数据收集