2017-05-26 67 views
-1

我有一个表,它包含每行中有复选框的数据。当选中任何复选框时,我将Selected类添加到相应的tr元素。获取jquery中选定的tr的值

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

但我面对下面的问题,越来越按钮单击选定tr元素时。

这是我使用来获取seletced tr值码:

function myFunc() { 
    debugger; 

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

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

但是,我不能用上面的代码来获得其他页面(分页)选择的值。

+1

请出示您的HTML –

+1

**“但我不能用上面的代码来获得其他页选择的值。” **你有什么意思? – PeterKA

+0

上午使用分页概念的表。当我在其他页面中选择行时,这些值不会使用上面的函数。 –

回答

0

只是把这段代码转换成函数

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

,并在您的复选框的onclick ATTR应用此功能,此功能

0

这里是做什么的一种方式,我想添加类函数传递事件正在为你工作,然后点击按钮获取所有元素与类型=复选框,它是输入元素类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>

+0

Daniel,当复选框位于表格的同一页面时,您的代码将会有所帮助。但对我来说,我需要在不同的页面中获取所有复选框值。 –

+0

@ManojKumarYellapragada加载这些页面并隐藏它们,然后调用这个函数? –

+0

@ManojKumarYellapragada没有加载所有网页到一个,我不认为你可以使用jQuery,因为它是前端,除非你可以在每个页面上进行Ajax调用发送数据到服务器,所以你可以有一个数据集合 –