Question

我使用jquery在asp.net gridview中实现检查和取消选中功能。以下代码适用于gridview的初始页面中的iam，gridview中的页面索引更改事件，它不起作用。

<script type="text/javascript">
    $(document).ready(function () {

        var checkBoxSelector = '#<%=grdvw_ClientIntakeList.ClientID%> input[id*="chck_itemSelect"]:checkbox';

        //header checkbox
        $('[id$=chck_headSelect]').click(function () {

            if ($(this).is(":checked")) {

                $(checkBoxSelector).attr('checked', true);

            }
            else {

                $(checkBoxSelector).attr('checked', false);
            }
        });

    });
</script>

Answer 1

使用.live("click"代替.click()

$('[id$=chck_headSelect]').live("click", function () {

由于属于其他页面的复选框元素是在运行时生成的，因此不会将单击处理程序分配给它们。您必须使用.live()将事件附加到所有当前和运行时生成的元素。

阅读.live()

您可以使用类选择器，而不是使用id属性选择器。将类分配给复选框，然后使用类选择器。

在复选框中添加了一个类headselect。

像

这样的东西

$("input:checkbox.headselect").live("click", function(){
});

将使用classname headselect为所有当前和运行时生成的复选框分配单击事件。

ASP.NET GridView和jQuery

1 个答案: