我可以使用jquery .each()来计算表单中的每一行吗?
Can I use jquery .each() to calculate each row in a form?
我正在创建一个表单,它将计算项目每行的总数。
我已经使用了一块javascript单独计算每一行,但我想知道我是否可以使用。each()来计算每一行相同的类,而不是有一个脚本的每一行有一个唯一的ID。
脚本应该是:(类为"price1"的p元素中的价格)*(类为"qty1"的输入元素中的值)。结果需要通过类"total1"
进入输入元素。我的网页是http://www.catering-equipment.co.uk/portal1/我在这里创建了一个JSFiddle -> https://jsfiddle.net/1y7kudtv/4/
$(".qty1").on('keyup', function () {
// alert('pressed')
var total = $(".price1").html() * $(this).val()
$(".total1").val(total);
})
你可以看到我在javascript代码的尝试,但它只会工作,如果我使用唯一的ID,而不是一个类。
提前感谢。
使用.closest()
:
$(this).closest('.itemrow').find('.total1').val(total);
演示可以。使用find只查找当前选择器中的元素:
$('.itemrow').each(function() {
var price = $(this).find('.price1').html();
var quantity = $(this).find('.qty1').val();
var total = price * quantity;
$(this).find('.total1').val(total);
});
还要注意,这里处理的是浮点运算,所以最好将总数四舍五入,以避免显示10.99999999
:
var total = (price * quantity).toFixed(2);
相关文章:
- 根据元素和容器大小计算边距
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 使用D3.js计算带有字母间距的文本长度
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 动态插入的表:JQuery未检测到最后一行
- 使用CSS或JavaScript计算分页符的数量
- 可以't计算自定义谷歌地图的js
- 在终端中运行 JavaScript 时(使用 rhino),如何使用 print() 函数在一行中打印
- onKeyUp 事件计算不适用于 PHP 生成的表单中的以下行,除了第一行
- 如何计算同一行中的文章
- 如何在 Jquery 中计算一行文本的宽度
- 如何进行算术计算并将结果保存在angularJs中的ng重复列表中的下一行
- 如何使用JavaScript计算一行中的字符数
- 不计算每一行网格.net
- Ajax从行中删除单元格,重新计算行,将单元格移动到下一行
- 用jQuery循环遍历表格-计算每一行的单元格
- 我可以使用jquery .each()来计算表单中的每一行吗?
- jQuery计算一次更新一行
- 计算每一行的价格
- 自动计算每一行