javascript - Jquery 函数在 php 中不起作用

标签 javascript php jquery

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

关于javascript - Jquery 函数在 php 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20526970/

相关文章:

javascript - XMLHttpRequest 2 下载进度事件只触发一次

php - 发布禁用的选择字段 PHP

javascript - 下拉列表菜单 - 不起作用

php - 无法使用 WordPress wp_posts 表添加外键

javascript - Jquery 单击按钮重新加载页面

javascript - 如何使 jQuery .map 只将填充的输入添加到数组?

javascript - 在页面加载时调用的函数不是 jquery .click

javascript - 如何从子类Angular 2的父级中的@Input参数访问父级参数

javascript - 使用 datejs 插件根据文化格式化日期

javascript - 无法从数据库的输入中获取信息