簡體   English   中英

如何傳遞在jQuery數據表中選中其復選框的行列的值

[英]How to pass values of a column of rows whose checkboxes are selected in jQuery Data Table

我有一個由ajax調用填充的數據表。 以下是代碼:

oTable = $('#lenderList').dataTable(
        {
            bServerSide: true,
            bProcessing: true,
            searching: true,
            sAjaxSource: "loanAdminAjax?ajax=true&searchCol="+$('#category').val(),
            sServerMethod: 'POST',
            sPaginationType: "full_numbers",

            columnDefs:[
                {
                    targets:8,
                    checkboxes:{
                        selectrow:true
                    }
                }
            ],
            aoColumns: [
                {
                    "sName": "loanApplicationNumber",
                    mData: "loanApplicationNumber"
                },
                {
                    "sName": "name",
                    mData: "name"
                },
                {
                    "sName": "submissionDate",
                    mData: "submissionDate"
                },
                {
                    "sName": "kycEmailId",
                    mData: "kycEmailId"
                },
                {
                    "sName": "appVersion",
                    mData: "appVersion"
                },
                {
                    "sName": "documentStatus",
                    mData: "documentStatus"
                },
                {
                    "sName": "latestRemark",
                    mData: "latestRemark"
                },
                {
                    "sName": "appName",
                    mData: "appName"
                },
                {
                    nData:   "salaryTransaction",
                    render: function ( salaryTransaction, type, row ) {
                        if ( type === 'display' ) {
                            return '<input type="checkbox" class="editor-active">';
                        }
                        return salaryTransaction;
                    },
                    className: "dt-body-center"
                }
            ],
            dom: '<"button">lfrtip'
        }
    );
});

我必須考慮相應行的所有貸款申請號,這些行的復選框均由用戶選中。 因此,我可以在單擊按鈕時觸發事件,但是如何獲得其復選框被單擊的行的“貸款申請號”的值。

我是javaScript的新手。 請讓我知道如何實現。

我有這樣的想法:遍歷所有rows的的table ,如果測試checkbox是的rowchecked與否。 如果是,則提取所需單元格的value

嘗試這個 :

$(document).ready(function(){
    $("button").click(function(){
      oTable = $("#lenderList").dataTable(); // Get the datatable,
      var loanApplicationNumbers = []; // An array that will contain the "loan application numbers"
      oTable.$('tr').each(function(index,rowhtml){ //Loop through the table rows
        //Check the state of the checkbox
        var checked= $('input[type="checkbox"]:checked',rowhtml).length;
        if (checked==1){
          //If the checkbox is checked, then add the inner text of the cell to the array
          loanApplicationNumbers.push(rowhtml.children[1].innerText);
        }
      });
      console.log(loanApplicationNumbers); //Do whatever you want
    });
});

注意: rowhtml.children是該行中的單元格Array ,如果要獲取第一個單元格的值,則應執行rowhtml.children[0].innerText

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM