我有下面的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(开发工具)。