Javascript jQuery/JS表单发布
我有一个HTML表单,需要帮助使用jQuery(或JavaScript)添加和删除数据Javascript jQuery/JS表单发布,javascript,jquery,html,Javascript,Jquery,Html,我有一个HTML表单,需要帮助使用jQuery(或JavaScript)添加和删除数据 $('purchase car')。在('click','button',函数(事件){ event.preventDefault(); /*对事件采取行动*/ var carName=$('.purchase car select').val(); var carPrice=$('.purchase car select')。查找(':selected')。数据('price'); var carQuan
$('purchase car')。在('click','button',函数(事件){
event.preventDefault();
/*对事件采取行动*/
var carName=$('.purchase car select').val();
var carPrice=$('.purchase car select')。查找(':selected')。数据('price');
var carQuantity=$('.purchase car input[name=“quantity”]')。val();
var totalPrice=carPrice*carQuantity;
var orderToAdd=''+'+carName+'('+carQuantity+')删除'+' ';
$('ul').prepend(orderToAdd);
$(“#付款金额”).html(总计);
});代码>
- 沃尔沃(1)移除
- 梅赛德斯(2)拆卸
总价:30
沃尔沃(10美元)
萨博(20美元)
梅赛德斯(10美元)
奥迪(30美元)
添加
考虑到您的更新,您应该创建一个全局变量
var vehicles = new Array;
要增加该值,请在插入车辆的功能中添加行:
var currentValue = parseInt($("#payment-amount").html());
$("#payment-amount").html(curentValue + (carPrice * carQuantity));
vehicles.push({price: carPrice, quantity: carQuantity});
然后,要在删除价格时更新价格,请执行以下操作:
$("ul").on("click", "li span", function() {
var index = $(this).parent().index();
var currentValue = parseInt($("#payment-amount").html());
var removeValue = vehicles[index]['price'] * vehicles[index]['quantity'];
$("#payment-amount").html(currentValue - removeValue);
vehicles.splice(index, 1);
$(this).parent().remove();
});
谢谢你的回复。。我已经更新了一点这个问题。你能把它读回来并给出你的意见吗?再加上一些小的修改。