こんにちは、ユーザーが追加ボタンをクリックすると、外部phpファイルからテーブル行を動的に追加するフォームがありますが、これまでのところすべて正常に機能していますが、数値で入力を受け取り、合計を計算する必要があるフィールド名「Qty」があります計算関数を作成しましたが、最初の行でしか機能しません。ここでどのように行うべきかを誰でも助けることができます。これは私のスクリプトです
$(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" />