2013-12-11 49 views
0

我有以下的PHP页面,由于某种原因,我有jQuery的功能不起作用,有人可以帮助我这个,它不工作,我的意思是当我点击按钮它不会做任何事情:jquery函数不工作在PHP

<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> 
+3

是否包含了jQuery ?使用萤火虫(firefox)时,当您按一下 – Lefsler

+0

时,您会看到错误您是否已检查浏览器控制台是否有错误? – Pointy

+2

适用于我:http://jsfiddle.net/zy945/ –

回答

2

我没有看到您在文档中引用了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> 
1

你是否包括jQuery?我加载它然后尝试你的代码,它的工作。更多喜欢使用Chrome中的F12(开发者工具)。