Jquery数据表选中复选框到输入字段

时间:2017-07-27 10:48:02

标签: javascript jquery ajax

我这里有一个包含3列的数据表:Checkbox,Name和SSNTIN,当我选择行然后单击Submit时,他们的SSNTIN将输出' #txtSSNTIN'输入字段如" 1001,1002,1003"但我的问题是我的数据表当前页面中的选定行只在输入字段中输出,当我转到另一个页面时,有一个指示,表明上一页的其他行仍然被选中,但只有当前页面正在输出,请帮忙

数据表

Namestable = $('#NamesDatatable').DataTable({
    'select': {
        'style': 'multi',
    },
    'columnDefs': [{
        'targets': 0,
        'searchable': false,
        'orderable': false,
        'render': function (data, type, full, meta) {
            return '<input type="checkbox" name="id[]" value="'+data.ssn_or_tin+'">';
        }
    }],
    'order': [[1, 'asc']],
    "ajax": {
        "url": '/Home/GetAllCusname',
        "type": "POST",
        "datatype": "json",
        "data": function (d) {
            d.searchParameters = {};
            d.searchParameters.name = $('#txtName').val();
        }
    },
    "columns": [
        {
            data: null,
            defaultContent: '',
        },
        { "data": "name", "autoWidth": true },
        { "data": "ssn_or_tin", "autoWidth": true }
    ]
});

提交按钮

$('#btnSubmit').on("click", function (e) {
    e.preventDefault();
    var searchNames = $('input:checkbox:checked').map(function () {
        return $(this).val();
    }).get();
    $('#txtSSNTIN').val(searchNames);
});

0 个答案:

没有答案