jquery表格单元格单击操作

时间:2016-03-09 13:59:24

标签: javascript jquery datatables

我有jQuery代码如下:

$(document).on("click", "#chkSelectAll", function (e) {
     window.alert("Test");
 });

当我单击Select All复选框时,会显示警告,但是在firebug中会返回错误:

  

TypeError:e.push不是函数

奇怪的是,当我单独点击每个项目时使用:

$(document).on("click", "#tblCTCProducts tbody tr label input", function (e) {
    window.alert("Test");
});

firebug没有返回任何错误。

编辑I: 我正在使用DataTables Table plug-in for jQuery

编辑II 包括我正在使用的局部视图:

@model IEnumerable<EUVCCD.ViewModels.VM_EUVCCD_Product>

<div id="divProductsTableHolder" class="col-md-12 container CheckBoxesPartial" style="white-space: nowrap;">
    <table id="tblProducts" class="table centered table-small table-bordered" style="width: 100%">
        <thead>
            <tr>
                <th>
                    <input id="txtSearchProduct" placeholder="Search Product" class="col-md-12"/>
                </th>
            </tr>
            <tr>
                <th>
                    <label class="checkbox-inline col-md-12">
                        <input id="chkSelectAllProducts" type="checkbox" value="-1" name="All" />All</label>
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        <label id="lblProduct_@item.ID" class="checkbox-inline col-md-12">
                            <input type="checkbox" value="@item.ID" name="@item.ProductName" class="ProductsCheckbox"/>@item.ProductID - @item.ProductName</label>
                    </td>
                </tr>
            }
        </tbody>
    </table>
</div>

您是否认为问题可能出在“选择全部”复选框所在的表格的前面?

0 个答案:

没有答案