javascript - 在 JavaScript/ASP.NET VB 中获取选中复选框的值返回未定义

Question

我有一个 Checkbox，其中 GridView 内有 10 个项目:

<ItemTemplate>
   <asp:CheckBox ID="chkGrid" name = "sample1" class = "messageCheckbox" runat="server"    onclick="javascript:SelectCheckedItem(this)" Text = '<%# Bind("status_desc") %>'  />
</ItemTemplate>

我想要的是获取 GridView 内 CheckBox 的值。如果我使用 VB，我会得到这些值。我想要的是通过 JavaScript 获取它。这是我的 JavaScript 代码:

function SelectCheckedItem(itemchk) {
            debugger
            var gvcheck = document.getElementById('gvDetails'); //This is the ID of the GridView
            if (itemchk.checked) {
                var checkedValue = $('messageCheckbox:checked').val();
                alert(checkedValue);
            }

            else {

                }
            }

        }

但我得到了未定义的值。

请帮忙。谢谢。

Answer 1

<asp:CheckBox ID="chkGrid" Text="Status" runat="server" />

将呈现如下内容(请注意 id 由于 runat="server" 而发生变化)

<input type="checkbox" id="chkGrid_ctl01" />
<label for="chkGrid_ctl01">Status</label>

因此，要获取每个复选框的标签中的文本，您需要循环遍历复选框并找到相邻的标签。

要获取仅单击的复选框的标签，您可以执行类似的操作

function SelectCheckedItem(itemchk) {
    if (itemchk.checked) {
        var checkedValue = $(itemchk)
            .siblings('label[for="' + itemchk.id '"]')
            .text();
        console.log(checkedValue);
    }
}

但是要获取所有标签，您必须使用 .messageCheckbox 类循环遍历每个复选框

function SelectCheckedItem() {
    $('.messageCheckbox:checked').each(function () {
        console.log($(this).siblings('label[for="' + itemchk.id '"]').text());
    });
}