keyup上的Jquery没有触发

时间:2017-10-07 07:15:23

标签: jquery asp.net keyup

我正在使用asp.net Web应用程序,我有一个脚本如下。

 <script>
    $(document).ready(function () {
    $("#popup input").keyup(function () {
        var total = 0;

        $(".txtLitAmount").each(function (index, item) {

            temp = parseFloat($(item).val());

            if (isNaN(temp))
                temp = 0
            total = total + temp;
        });
        $("#lblTotal").text(total);
    });
    });
</script>

Html part as。

<div>   
<table width="100%" class="table">
         <thead>
                    <tr>
                        <th>Dimension Code</th>
                        <th>Dimension Name</th>
                        <th>Amount</th>

                    </tr>
                </thead>
                <tbody>

            <tr class="gradeX">

                <td>
                    Dubai Office</td>
                <td>
                    Sales</td>
                <td>
                    <input type="text" value="0.00" id="litAmount_0" class="txtLitAmount"></td>
            </tr>


            <tr class="gradeX">

                <td>
                    Dubai Office</td>
                <td>
                    Test</td>
                <td>
                    <input name="litAmount" type="text" value="0.00" id="litAmount_1" class="txtLitAmount"></td>
                
            </tr>
            </tbody>

        </table>
        <div style="width: 100%; padding-left: 624px;">
        <label style="margin-right: 20px;">SubTotal</label>
        <span id="lblTotal" class="lblSubtotal">0.00</span>
    </div>

</div>

当我在浏览器控制台上运行上述脚本时,它正在运行。 但是从应用程序来看,当在文本框中键入值时,它不会触发键启动事件。有谁能够帮我? 提前谢谢。

3 个答案:

答案 0 :(得分:0)

我检查了你的代码我认为你可以按照我的步骤。

<script>
$(document).ready(function () {
$("input").keyup(function () {
    var total = 0;

    $(".txtLitAmount").each(function (index, item) {

        temp = parseFloat($(item).val());

        if (isNaN(temp))
            temp = 0
        total = total + temp;
    });
    $("#lblTotal").text(total);
});
});

答案 1 :(得分:0)

您确定在代码中添加了这一行吗?

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

答案 2 :(得分:0)

正在运行 https://www.bootply.com/QlIZUYOKDu

我刚刚使用$("#popup input")

更改了$(".txtLitAmount")