Question

我有一张如下表格

<table cellspacing="0" rules="all" border="1" id="ContentPlaceHolder1_GridView1" style="border-collapse:collapse;" class="table table-striped">
    <tbody>
        <tr>
            <th scope="col">&nbsp;</th>
            <th scope="col">Bill NO</th>
            <th scope="col">Date</th>
            <th scope="col">Description</th>
            <th scope="col">Type</th>
            <th scope="col">Amount</th>
        </tr>
        <tr>
            <td><input id="Checkbox0" class="checkBoxClass" type="checkbox">/td>
            <td>111</td>
            <td>12-22-2014</td>
            <td>computer problem</td>
            <td>Invoice</td>
            <td class="ActualAmount">7689.00</td>
        </tr>
        <tr>
            <td><input id="Checkbox1" class="checkBoxClass" type="checkbox">/td>
            <td>112</td>
            <td>12-22-2014</td>
            <td>Printer problem</td>
            <td>Invoice</td>
            <td class="ActualAmount">7689.00</td>
        </tr>
    </tbody>
</table>

如果该行选中了复选框，我正试图获取BillNo和ActualAmount的值

首先，我尝试使用以下代码获取行的值

alert('value = ' + $("#ContentPlaceHolder1_GridView1 .checkBoxClass input[type='checkbox']:checked").closest("td").val())

警报 value = undefined

我想获得像Jfiddle

这样的价值

Answer 1

如果要获取已选中该复选框的所有行，并将该值保存在对象数组中......

var values = [];

$('table#ContentPlaceHolder1_GridView1 input.checkBoxClass:checked').each(function() {
    var $row = $(this).closest('tr').children('td');
    values.push({ 'billno': $row.eq(1).text(), 'amount': $row.eq(5).text() });
});

我希望它有所帮助

Answer 2

在警告信息中尝试此操作

$("#ContentPlaceHolder1_GridView1  input[type='checkbox'].checkBoxClass:checked").parent().next().html()

Answer 3

像

这样的东西

$("#ContentPlaceHolder1_GridView1 .checkBoxClass input[type='checkbox']:checked").closest("tr").find("td:eq(1)").text()

适用于BillNo（但最好在html中为此列添加类或数据标记，就像对realAmount一样）。

实际金额：

$("#ContentPlaceHolder1_GridView1 .checkBoxClass input[type='checkbox']:checked").closest("tr").find("td.ActualAmount").text()

如何使用Jquery获取记录表并使用AJAX将其发送到服务器？

3 个答案: