Javascript jQuery-输入值更改时更新变量
我想使用jQuery更新一个变量(目前是一个PHP变量,但显然它需要是一个js变量),这样当用户更改多个输入字段中的值时,它会创建一个动态更改的运行总计 理想情况下,当大于上限时,它也会发出警告 当前代码:Javascript jQuery-输入值更改时更新变量,javascript,php,jquery,Javascript,Php,Jquery,我想使用jQuery更新一个变量(目前是一个PHP变量,但显然它需要是一个js变量),这样当用户更改多个输入字段中的值时,它会创建一个动态更改的运行总计 理想情况下,当大于上限时,它也会发出警告 当前代码: <?php $counter = 0; $expected_qty = 24; ?> <div class="jumbotron text-center"> <p>Running Total:</p> <h2>
<?php
$counter = 0;
$expected_qty = 24;
?>
<div class="jumbotron text-center">
<p>Running Total:</p>
<h2>
<span class='running_total'>
<?php print $counter; ?>
</span> / <span class='max_qty'>
<?php print $expected_qty; ?>
</span>
</h2>
</div>
<div class="col-xs-12 col-sm-8 col-md-9">
<div class="table-responsive">
<table class="table">
<tr>
<td>
<input class='qty_field' type='number' name='input1' value=''/>
</td>
</tr>
<tr>
<td>
<input class='qty_field' type='number' name='input2' value=''/>
</td>
</tr>
</table>
</div>
</div>
我希望
虽然示例中没有实现,但是有动态添加更多表行的功能,但是脚本已经考虑到了这一点
编辑-更新了更多细节…这是使用AngularJS的典型案例。看看这个。使用jQuery实现这一点将是一件可怕的事情。对于Angular,只有几行代码。对JS和HTML进行了一些调整,以下代码可以正常工作
$('body').on('keyup', '.qty_field', function () {
var sum = 0;
$('.qty_field').each(function() {
sum += Number($(this).val());
});
$('.running_total').html(sum);
});
请提供您使用过的jquery代码。我还没有实现jquery。我在问怎么做。谢谢,现在看着我。
$('body').on('keyup', '.qty_field', function () {
var sum = 0;
$('.qty_field').each(function() {
sum += Number($(this).val());
});
$('.running_total').html(sum);
});