Php 如何使用jquery在动态添加的表行上创建计算
您好,我有一个表单,当用户点击add按钮时,它会从外部php文件中动态添加一个表行。到目前为止,一切正常,但我有字段名'Qty',它将以数字形式输入,并应计算其总数。我已经创建了一个计算函数,但它仅对第一行起作用。任何人都可以帮助我如何进行计算应该这样做 这是我的剧本Php 如何使用jquery在动态添加的表行上创建计算,php,jquery,html,mysql,Php,Jquery,Html,Mysql,您好,我有一个表单,当用户点击add按钮时,它会从外部php文件中动态添加一个表行。到目前为止,一切正常,但我有字段名'Qty',它将以数字形式输入,并应计算其总数。我已经创建了一个计算函数,但它仅对第一行起作用。任何人都可以帮助我如何进行计算应该这样做 这是我的剧本 $(document).ready(function(){ $('#detail').on('keyup', '.qty', calculateRow()); $('
$(document).ready(function(){
$('#detail').on('keyup', '.qty', calculateRow());
$('#addnew').click(function(){
var ctr = $('#items').val();
ctr++;
$.post('job_srch.php', {ctr : ctr}, function(data) {
$(data).appendTo('#detail');
$('#items').val(ctr);
});
});
function calculateSum() {
var sum = 0;
//iterate through each textboxes and add the values
$(".qty").each(function (){
//add only if the value is number
if (!isNaN(this.value) && this.value.length != 0) {
sum += parseFloat(this.value);
}
});
//.toFixed() method will roundoff the final sum to 2 decimal places
$("#total").val(sum.toFixed(2));
}
function calculateRow() {
$('.qty').keyup(function () {
//alert("entered");
var $row = $(this).closest("tr");
var qty = parseFloat($row.find('.qty').val());
calculateSum();
});
}
});
这是我的php
session_start();
require("includes/dbconnect.php");
include ('includes/function.php');
$zdb = $_SESSION["zdbyear"];
mysql_select_db($zdb);
if ($_REQUEST["ctr"]){
$ctr = $_REQUEST["ctr"];
//echo '<link rel="stylesheet" href="css/chosen.css" />';
echo '<tr>
<td align="center"><input type="text" size="6" maxlength="6" maxlength="6" name="srno_'.$ctr.'" class="form-input-oth"/></td>
<td align="center"><select data-placeholder="Party" style="width:300px;" name="item_'.$ctr.'" class="chzn-select-deselect" >
<option value=""></option>';
$res = mysql_query("SELECT * FROM `items`") or die(mysql_error());
while ($row = mysql_fetch_array($res)) {
echo "<option value='$row[accode]'>$row[name]</option>";
}
echo '</select></td>';
echo '<td align="center"><input type="text" id="qty" size="6" maxlength="9" maxlength="6" name="qty_'.$ctr.'" class="qty form-input-amt"/></td>
</tr>';
}
else{
echo "ERROR";
}
这是我的html
<table id="detail" border="1px" width="80%">
<tr>
<td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Sr No.</font><span></span></label></td>
<td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">item</font><span></span></label></td>
<td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Quantity</font><span></span></label></td>
</tr>
<tr>
<td align="center"><input type="text" size="6" maxlength="6" maxlength="6" name="ord_0" class="form-input-oth"/></td>
<td align="center"><select data-placeholder="Party" style="width:300px; text-align: left;" name="item_0" class="chzn-select-deselect" >
<option value=""></option>
<?php
$iqry = mysql_query("SELECT * FROM `items` ") or die(mysql_error());
while($trow= mysql_fetch_array($iqry)){
echo "<option value=$trow[accode]>$trow[name]</option>";
}
?>
</select></td>
<td align="center"><input id="qty" type="text" size="6" maxlength="9" maxlength="6" name="qty_0" class="qty form-input-amt" onkeyup="return calculateSum(); "/></td>
</tr>
<input type="button" id="addnew" class="classname" name="addnew" value="+" />
<input type="text" id="items" name="items" value=" 0" />
更改$'detail'。在'keyup','qty',calculateRow;作为
我想你应该使用.live来实现这一点。是的,我做了,它成功了,但是你能帮我解决我的第一个问题吗?因为javascript中创建的变量似乎不起作用。问题是什么?我的意思是,当你对任何“.qty”进行键控时,calcRow成功了吗?您想在哪里计算每行的总和?
$(document).on('keyup', '.qty', function(){
calculateRow(); // or code here
});