jquery函数不工作在PHP

问题描述：

我有以下的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>

是否包含了jQuery ？使用萤火虫（firefox）时，当您按一下 – Lefsler

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

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

答

我没有看到您在文档中引用了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（开发者工具）。

jquery函数不工作在PHP

相关推荐