jQuery运行的总函数不是在所有字段上工作
jQuery running total function not working on all fields
我有一个表单,应该保持运行的总成本,但keyup不工作在第二个领域。(注意第二个字段和后面的字段可以动态生成,它们也不能工作。)
$('.price').keyup(function () {
var sum = 0;
$('.price').each(function() {
sum += Number($(this).val());
});
$('#totalPrice1').val(sum);
});
这里是完整的JSFiddle: https://jsfiddle.net/statk7y1/
任何帮助/建议都将非常感谢。Thx .添加新元素后需要重新附加事件。通过这种方式,新添加的元素也将附带事件:https://jsfiddle.net/tztoc8v0/
var calculateTotal = function() {
var sum = 0;
$('.price').each(function() {
sum += Number($(this).val());
});
$('#totalPrice1').val(sum);
}
$(document).ready(function() {
$('<div/>', {
'class': 'extraProjecta',
html: GetHtml()
}).appendTo('#container');
$('#addProj').click(function() {
$('<div/>', {
'class': 'extraProjecta',
html: GetHtml()
}
).hide().appendTo('#container').slideDown('slow');
$('.price').off('keyup').keyup(calculateTotal);
});
$('.price').off('keyup').keyup(calculateTotal);
})
function GetHtml() {
var len = $('.extraProjecta').length;
var $html = $('.extraProjectaTemplate').clone();
$html.find('[name=projCost]')[0].name = "projCost" + len;
return $html.html();
}
calculateTotal函数就在那里,因此您可以节省一些代码行,以便更好地维护代码。
相关文章:
- 输入字段验证的键代码函数在chrome中没有按预期工作
- HTML 符号代码在输入字段中无法正常工作
- 选择字段无需按钮即可工作,但在选择字段中不会更改
- JavaScript for HTML5 必填字段设置为在 Safari 中工作
- 提交时无法正常工作.即使输入字段为空,它仍然会转到表单操作
- 允许用户添加表单输入字段:为什么 append() 只工作一次
- 隐藏输入字段的内联 javascript 无法正常工作
- AngularJS 按整数字段排序无法正常工作
- 在选择 HTML 表单的文本输入字段后无法使日期选取器工作
- AngularJS$valid不在字段上工作
- 一个ng模型在ng个重复字段上工作吗
- 字段验证工作不正常
- 如何获得验证,以正确地工作在我的输入字段
- WooCommerce Checkout字段编辑器(minDate)不工作
- 让ngClick在动态字段上工作
- 将值从java脚本传递到隐藏字段不工作
- JQuery检查所有&启用不一起工作的字段
- 访问输入字段不工作
- 为什么使用ng-model两次输入字段工作?
- 当光标聚焦在一个字段时,Phonegap返回按钮不工作