Aspx javascript启用按钮和复选框向下滚动

aspx javascript enabling button and checkbox on scroll down

本文关键字：滚动 复选框 javascript 启用 按钮 Aspx      更新时间：2023-09-26

这是我正在使用的html。我想弄清楚为什么我的按钮和复选框从来没有被设置为启用。

<form id="form1" runat="server">
<script src="js/mootools-core-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function checkScrollHeight() {
        var textElement = document.getElementsByName("tosgareementdiv")[0].addEventListener("scroll", checkScrollHeight, false);
        if ((textElement.scrollTop + textElement.offsetHeight) >= textElement.scrollHeight) {
            document.getElementsByName("AcceptTOSButton")[0].disabled = false;
        }
    });
</script>
<div class="tosgareementdiv">
    <p>hi my stuff</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br><br>
<br>
<br>
<br>
<br>
<asp:CheckBox ID="AcceptTOSCheckBox" Text="I Agree." runat="server" Enabled="false" />
    <asp:Button ID="AcceptTOSButton" Text="I Agree" runat="server" OnClick="AcceptTOSButton_Click"
        Enabled="false" />
</div>
</form>

我在这里遵循的例子，但我不知道如何让它火…

我知道没有代码的复选框，但为什么不启用按钮?

试试这个

    <script type="text/javascript">

$(function(){
            function checkScrollHeight() {
                if ((textElement.scrollTop + textElement.offsetHeight) >= textElement.scrollHeight) {
                    document.getElementById("AcceptTOSButton").disabled = false;
                }else{
                     document.getElementById("AcceptTOSButton").disabled = true;
               }
            };
           var textElement = document.getElementsByClassName("tosgareementdiv")[0];
          textElement.addEventListener("scroll", checkScrollHeight, false);
});

相关文章：