Jquery函数在php中不起作用


Jquery function not working in php

我有下面的php页面,由于某种原因,我的jquery函数不起作用,有人能帮我吗?我的意思是,当我点击按钮时,它什么都没做:

 <script type="text/javascript">
 function CalcSubTotal() {
            var total = 0;
            $("input[name *='Amount']").each(function () {
                total += parseFloat($(this).val());
            });
            $("input[name ='SubTotal']").val(total.toFixed(2));
    }
    </script>

<form method="post" >
            <tr>
                <td>Payments Made Today:</td>
                <td>$<input type="text" name="FirstAmount" value="00.00">CC</td>
                <td>$<input type="text" name="SecondAmount" value="00.00">CHK</td>
                <td>$<input type="text" name="ThirdAmount" value="00.00">CASH</td>
                <td>$<input type="text" name="SubTotal"   value="00.00"></td>
            </tr>
            <input type="button" onclick="CalcSubTotal();" value="Click me" />
</form>

我看不出您在文档中引用了jQuery库。通常,我们将其添加到<head>标签中,如下所示:

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

或者,作为进一步的例子,如果您也想使用jQueryUI库的功能:

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/flick/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
</head>

是否包含jQuery?我加载了它,然后尝试了你的代码,它成功了。有关详细信息,请在Chrome中使用F12(开发工具)。