如何排除从结果中选择所有复选框行值?

时间:2018-06-13 07:18:31

标签: javascript php jquery html ajax

我想从" select all"中排除行值。我的数据表中的复选框行,并使用另一个数据表预览引导模式中的所有其他值,但是如何? 这是我现在的输出: enter image description here

这是我的原始表格标题编码,我正在使用带数据切换的预览按钮来触发模态:

 <thead>
                        <tr>
                            <th><input type="checkbox" id="select_all" 
  onclick="toggle(this)"></th>

                            <th>ID</th>
                            <th>Product No</th>
                            <th>Serial No</th>
                            <th>Quantity</th>
                            <th>Description</th>
                            <th>Categories</th>
                            <th>Status</th>
                            <th>Location</th>
                            <th>Box No</th>
                            <th>Team</th>
                            <th>Registration</th>
                            <th>Latest Update</th>
                            <th>Action</th>


                        </tr>
                        </thead>

这是我的javascript代码,用于从所选复选框中获取行值并将其显示在数据表中,请帮助:

//preview page
        $("#preview").on("click", function () {

            var result = $("tr:has(:checked)");
            if (result.length < 0) {
                alert("Please Select 2 to 4 Models");

            } else {
                console.log(result);
            }

            var json = result.map(function () {
                return [$(this).children().slice(1, 11).map(function () {
                    return $(this).text().trim()
                }).get()]
            }).get()

            var jsonString = (JSON.stringify(json, 0, "\t"));


            $.ajax(
                {
                    method: "POST",
                    url: "preview_page.php",
                    data: {checkbox_value: jsonString},

                    success: function (data) {
                        var result = jQuery.parseJSON(data);
                        console.log(result.length);
                        console.log(result[0][1]);

                        $('#preview_modal').on('shown.bs.modal', function(e)
                        {
                            preview_table.clear();
                            for (var a = 0; a < result.length; a++) {
                                var values=[result[a][0],result[a][1],result[a][2],result[a][3],result[a][4],
                                    result[a][5],result[a][6],result[a][7],result[a][8],result[a][9]];
                                   preview_table.row.add(values).draw();

                            }

                        })
                    },
                    error: function (jqXHR, exception) {

                        var msg = '';
                        if (jqXHR.status === 0) {
                            msg = 'Not connect.\n Verify Network.';
                        } else if (jqXHR.status == 404) {
                            msg = 'Requested page not found. [404]';
                        } else if (jqXHR.status == 500) {
                            msg = 'Internal Server Error [500].';
                        } else if (exception === 'parsererror') {
                            msg = 'Requested JSON parse failed.';
                        } else if (exception === 'timeout') {
                            msg = 'Time out error.';
                        } else if (exception === 'abort') {
                            msg = 'Ajax request aborted.';
                        } else {
                            msg = 'Uncaught Error.\n' + jqXHR.responseText;
                        }
                        alert(msg);
                    }


                }
            )
        });

0 个答案:

没有答案