<script src="jquery-1.11.1/jquery.js"></script>
<script>
var sum;
$(function() {
sum = $("#sum");
})
function addGoods(btn) {
var td = $(btn).parent();
var tr = $(td).parent();
var tds = $(tr).children();
var newTr = $("<tr></tr>");
newTr.html(
'<td>' + tds[0].innerHTML + '</td>' +
'<td>' + tds[1].innerHTML + '</td>' +
'<td>' + tds[2].innerHTML + '</td>' +
'<td>' + tds[3].innerHTML + '</td>' +
'<td>' +
'<input type="button" value="-" onclick="reduce(this)" />' +
'<input type="text" value="1" readonly />' +
'<input type="button" value="+" onclick="add(this)" />' +
'</td>' +
'<td>' +
tds[2].innerHTML +
'</td>' +
'<td>' +
'<input type="button" value="X" onclick="deleteGoods(this);" />' +
'</td>'
);
$("#gwc").append(newTr);
var s = parseFloat(sum.html());
sum.html(s + parseFloat(tds[2].innerHTML));
}
function add(btn) {
var txt = $(btn).prev();
txt.val(parseFloat(txt.val()) + 1);
var price = $(btn).parent().prev().prev();
var s = parseFloat(sum.html());
sum.html(s + parseFloat(price.html()));
}
function reduce(btn) {
var txt = $(btn).next();
if (parseFloat(txt.val()) == 1) {
return;
}
txt.val(parseFloat(txt.val()) - 1);
var price = $(btn).parent().prev().prev();
var s = parseFloat(sum.html());
sum.html(s - parseFloat(price.html()));
}
function deleteGoods(btn) {
var tr = $(btn).parent().parent();
tr.remove();
var price = $(btn).parent().siblings().eq(2);
var s = parseFloat(sum.html());
sum.html(s - parseFloat(price.html()));
}
</script>
微信扫一扫