2013-12-11 51 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(開發者工具)。