jQuery得到html5数据值的变化
jQuery get html5 data value on change
我有一个带有数量选择下拉框和立即购买按钮的表单。
<a href="#" rel="nofollow" data-product_id="75" data-product_sku="75" data-popup_id="popup_content_75" data-quantity="5" class="add_to_cart_button_popup button alt">Buy Now</a>
<div class="quantity buttons_added">
<input type="button" value="-" class="minus">
<input type="number" step="1" name="quantity" value="1" title="Qty" class="input-text qty text">
<input type="button" value="+" class="plus"></div>
现在,如果用户选择数量5并单击立即购买按钮,它将显示如下消息
{product title} 5X has been added to your order
工作正常。但是当用户选择另一个数量(比如7)并点击购买时,现在它应该显示像
这样的消息{product title} 7X has been added to your order
但它仍然显示相同的{product title} 5X has been added to your order
消息。
谁能告诉我怎么了?
这是我的jQuery代码。 var quantity = $(this).data("quantity");
$('span.itemcount').replaceWith(""+ quantity +" X");
$(this).data("quantity")
总是来自静态data-quantity="5"
,其中this
是标签A
我修复了。当我使用
var quantityid = $(this).attr('id');
var quantity = $("#" + quantityid + "").attr("data-quantity");
$('span.itemcount').replaceWith(""+ quantity +" X");
(美元). data("数量")
将从锚
获取数据标签,总是5。您需要从
中获取值 <input type="number" step="1" name="quantity" ... />
你可以这样做
$(".input-text").value
这是代码更新锚代码从您的给定链接
// JavaScript source code
jQuery(document).ready(function (e) {
e(document).on("click", ".plus, .minus", function () {
var t = e(this).closest(".quantity").find(".qty"),
n = parseFloat(t.val()),
r = parseFloat(t.attr("max")),
i = parseFloat(t.attr("min")),
s = t.attr("step");
if (!n || n == "" || n == "NaN") n = 0;
if (r == "" || r == "NaN") r = "";
if (i == "" || i == "NaN") i = 0;
if (s == "any" || s == "" || s == undefined || parseFloat(s) == "NaN") s = 1;
e(this).is(".plus")
? r && (r == n || n > r) ? t.val(r) : t.val(n + parseFloat(s))
: i && (i == n || n < i) ? t.val(i) : n > 0 && t.val(n - parseFloat(s));
t.trigger("change");
});
});
相关文章:
- 检测数据的变化
- 控制器切换后匿名功能中的访问服务数据发生变化
- 从不断变化的动作创建者那里获取商店数据是否是一种常见的做法
- Jquery-背景图像随select中的数据属性而变化
- 在交互式图表中动态缩放数据,其中数据会发生变化
- 聚合物动态变化数据阵列
- 当Firebase数据发生变化时,Google 图表不会更新
- 如何处理 redux 存储所持有的数据中不断变化的属性
- 角度类型提前:观察数据集的变化
- 使用套接字io和angularjs处理频繁变化的时间序列数据的策略
- 如何正确地通知聚合物中兄弟姐妹之间的数据变化
- Highcharts日期格式随数据变化
- 如何在单元格中的下拉列表值发生变化时仅在手动可接触的少数列上加载数据
- 当web返回的数据发生变化时,如何从javascript调用getweb服务
- 如果在素数面数据表中添加新行,如何检测表单中的变化
- 如何根据下拉列表中的变化使用d3.js对数据集进行子集设置
- 是否有一种有效的方法来传递用户端JS数据到后端c#,每次它的变化
- jQuery得到html5数据值的变化
- 使用javascript / jqplot可视化以小间隔变化的时间序列数据
- 当保存较少的数据时,鼠标光标的变化太快