<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>