gpt4 book ai didi

javascript - If 语句更改添加的新行添加的数量

转载 作者:行者123 更新时间:2023-12-03 11:05:21 26 4
gpt4 key购买 nike

您好,我是新来的,所以如果我有任何格式或问题错误,请纠正我!

我正在尝试创建一个简单的购物篮文件,并且需要一些帮助来更改购物篮中的商品数量。目前,我可以创建一个按钮,将新行添加到表中并填充它,我只是在获取函数来检查该项目是否已在表中并且仅更新数量单元格(如果是)时存在不足。我对 IF 语句毫无用处,因此任何帮助将不胜感激!

<!DOCTYPE html>
<html>
<head>
<script>
function additem1() {

var table = document.getElementById("basket");
var row1 = table.insertRow(1);
var cell1 = row1.insertCell(0);
var cell2 = row1.insertCell(1);
var cell3 = row1.insertCell(2);
var cell4 = row1.insertCell(3);
var cell5 = row1.insertCell(4);
var cell6 = row1.insertCell(5);
cell1.innerHTML = "Shorts (f)";
cell2.innerHTML = "Stone Wash";
cell3.innerHTML = "1";
cell4.innerHTML = "";
cell5.innerHTML = "";
cell6.innerHTML = "";
;

}
</script>
<style>
table, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h2> List of Items </h2>
<table border="1">
<tr bgcolor="#9acd32">
<th> Product </th>
<th> Description </th>
<th> Quantity </th>
<th> Price </th>

<tr>
<td> Shorts (F) </td>
<td> Stone wash Denim shorts </td>
<td> 20 </td>
<td> 25.90 </td>
<td> <button onclick= "additem1()"> Add Item To Basket </button> </td>

</table>


     <table id="basket" border = "1">
<tr bgcolor="#9acd32">
<th> Product </th>
<th> Description </th>
<th> Quantity </th>
<th> Price </th>
<th colspan="2"> Add / Remove items </th>
</tr>
</table>

如您所见,第一个表保存商品信息,第二个表保存购物篮信息。

最佳答案

请考虑深入js编码;您可以考虑检查该元素是否已经存在,如果存在则增加数量。

我让你的代码变得更加通用,但是对于一个工作篮来说,还有更多的事情要做,这就是你的工作。

代码:

function additem1(e) {
var oRow = e.parentNode.parentNode
var prod = oRow.cells[0].innerHTML;
var des = oRow.cells[1].innerHTML;
var table = document.getElementById("basket");

var row1 = GetCellValues(prod);
if (typeof row1 === 'undefined') {
row1 = table.insertRow(1);
var cell1 = row1.insertCell(0);
var cell2 = row1.insertCell(1);
var cell3 = row1.insertCell(2);
var cell4 = row1.insertCell(3);
var cell5 = row1.insertCell(4);
var cell6 = row1.insertCell(5);
cell1.innerHTML = prod;
cell2.innerHTML = des;
cell3.innerHTML = "1";
cell4.innerHTML = "";
cell5.innerHTML = "";
cell6.innerHTML = "";;
} else {
row1.cells[2].innerHTML = parseInt(row1.cells[2].innerHTML) + 1
}

}

function GetCellValues(prod) {
var table = document.getElementById('basket');
for (var r = 0, n = table.rows.length; r < n; r++) {
for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
if (table.rows[r].cells[c].innerHTML == prod) return table.rows[r];
}
}
return
}

演示:http://jsfiddle.net/85o9yz02/

关于javascript - If 语句更改添加的新行添加的数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27886500/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com