喜有一种形式,动态地添加一个按钮单击一个表行,但现在我想执行计算到我的表中的列像我有一个科拉姆名prevqty,thisqty,数量(这是总数量),速度和数量,我有在总量被存储我已经尝试了计算总场,但它似乎犯规工作如何在jQuery的执行上动态添加表行计算
这里是我的脚本
$(document).ready(function() {
var currentItem = $('#items').val();
$('#data').on('keyup', '.prevqty, .thisqty, .qty, .rate, .cal', calculateRow);
$('#addnew').click(function() {
currentItem++;
$('#items').val(currentItem);
$('#data').append('<tr>\n\
<td align="center"><input type="text" size="6" maxlength="6" maxlength="6" name="ord_' + currentItem + '" class="form-input-oth" onkeyup="return copy(this.val());"/></td>\n\
<td align="center"><input type="text" size="6" maxlength="6" maxlength="6" name="srno_' + currentItem + '" class="form-input-oth"/></td>\n\
<td align="center"><textarea name="descrip_' + currentItem + '" cols="70" class="form-input-textareasm"></textarea></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="unit_' + currentItem + '" class="form-input-rate"/></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="prevqty_' + currentItem + '" class="prevqty form-input-rate" onkeyup="calculateRow();"//></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="thisqty_' + currentItem + '" class="thisqty form-input-rate" onkeyup="calculateRow();"//></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="qty_' + currentItem + '" class="qty form-input-rate" onkeyup="calculateRow();"/></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="rate_' + currentItem + '" class="rate form-input-rate" onkeyup="calculateRow();"/></td>\n\
<td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="amt_' + currentItem + '" class="cal form-input-amt" onkeyup="calculateRow();"/></td>\n\
</tr>'
);
});
function calculateSum() {
var sum = 0;
$(".cal").each(function() {
if (!isNaN(this.value) && this.value.length != 0) {
sum += parseFloat(this.value);
}
});
$("#total").val(sum.toFixed(2));
}
function calculateRow() {
var cost = 0;
var $row = $(this).closest("tr");
var prevqty = parseFloat($row.find('.prevqty').val());
var thisqty = parseFloat($row.find('.thisqty').val());
var qty = parseFloat($row.find('.qty').val(prevqty + thisqty));
//parseFloat($row.find('.qty').val());
alert(qty);
if (isNaN(qty)) {
$row.find('.qty').val("0");
} else {
$row.find('.qty').val(qty);
}
// changed the following line to only look within the current row
var rate = parseFloat($row.find('.rate').val());
cost = qty * rate;
if (isNaN(cost)) {
$row.find('.cal').val("0");
} else {
$row.find('.cal').val(cost);
}
calculateSum();
}});
我有一个工作小提琴在这里prevqty和thisqty工作正常,但率和金额计算不起作用看到这里http://jsfiddle.net/rey_kahn/YS4N2/
但计算并不 – user2274075
工作再次审查代码后,我不知道为什么你'绑定使用jQuery keyup'然后再有'onkeyup'在调用每个'input'元素都调用相同的calculateRow()方法。这是为什么? – shanabus
因为我需要把它称为everytym当用户广告投入的场地 – user2274075