Javascript 选中“标签更新”复选框

Javascript 选中“标签更新”复选框,javascript,checkbox,Javascript,Checkbox,我在TabContainer控件中有一个gridview,它有一个复选框项。我正在启动javascript以显示一个带有选中复选框数量的警报 我现在想用选中复选框的计数更新屏幕上的标签文本,而不是显示警报,但我不知道如何引用标签 请参阅下面的代码。如果您有任何想法或给我指点类似的帖子,我将不胜感激 <asp:Content ID="Content4" ContentPlaceHolderID="MasterContent" runat="server"> <script ty

我在TabContainer控件中有一个gridview,它有一个复选框项。我正在启动javascript以显示一个带有选中复选框数量的警报

我现在想用选中复选框的计数更新屏幕上的标签文本,而不是显示警报,但我不知道如何引用标签

请参阅下面的代码。如果您有任何想法或给我指点类似的帖子,我将不胜感激

<asp:Content ID="Content4" ContentPlaceHolderID="MasterContent" runat="server">

<script type="text/javascript">

    function CheckBoxCount() {
        var gv = document.getElementById("<%= gv02ROLE.ClientID %>");
        var inputList = gv.getElementsByTagName("input");
        var numChecked = 0;

        for (var i = 0; i < inputList.length; i++) {
            if (inputList[i].type == "checkbox" && inputList[i].checked) {
                numChecked = numChecked + 1;
            }
        }
        alert(numChecked);            
        <<< set text value for ID="statusLabel1" to replace this alert >>>
    }
</script>         

<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" AutoPostBack="true">
.
<asp:TabPanel ID="TabREVROLE" runat="server" HeaderText="Open Review" Visible="false">
<ContentTemplate>
    .
    <asp:Label ID="statusLabel1" runat="server" Text=""></asp:Label>


    <asp:GridView ID="gv02ROLE" runat="server" AllowPaging="True"  
                      ShowHeaderWhenEmpty="True" AllowSorting="True" ShowHeader="true"
        .
        <asp:TemplateField HeaderText="Select" Visible="true" HeaderStyle-Width="10" 
                      ItemStyle-Width="10">
                        <ItemTemplate>
                            <asp:CheckBox ID="selCheck" runat="server" CssClass="mychk" 
                                   Checked="false" Enabled="true" 
                                    onClick="javascript:CheckBoxCount()"/>
                        </ItemTemplate>
                </asp:TemplateField>
为什么不简单地:

function CheckBoxCount() {
    var gv = document.getElementById("<%= gv02ROLE.ClientID %>"),
        inputList = gv.querySelectorAll('input[type=checkbox]:checked'),
        textProp = 'textContent' in document ? 'textContent' : 'innerText';

    document.getElementById('statusLabel1')[textProp] = inputList.length;
}
参考资料:

. . .
我简要地看到了使用此代码的初步答案:

`document.getElementById('<%=statusLabel1.ClientID%>').innerHTML = numChecked`

这个解决方案奏效了。感谢

我尝试了此操作,但收到错误:无法设置未定义或空引用的属性“textContent”。我看到了一篇早期的帖子,推荐使用:document.getElementById.innerHTML=numChecked,此操作成功。
`document.getElementById('<%=statusLabel1.ClientID%>').innerHTML = numChecked`