Javascript 创建存储按钮以添加/删除金额和显示金额（非常基本）

寻求帮助，在表单中创建添加和删除按钮，以添加和删除一行股票的数量

类似于：

我不熟悉html，也不熟悉javascript

函数减号（）{
var bCount=parseInt（document.calculateCart.count.value）；
变量计数=b计数--；
document.calculateCart.count.value=计数；
}
函数负（）{
var bCount=parseInt（document.calculateCart.count.value）；
var count=bCount++；
document.calculateCart.bCount.value=计数；
}

数量

您的两个函数都命名为“减号”。其中一个（第二个）应该是“添加”。

• 您的代码中有一种拼写错误：用于添加值的函数称为减号（）。所以有两个同名的函数
• 我相信你用错误的方式得到了count的值。您应该为输入分配一个id并使用getElementById

工作代码：

函数减号（）{
var bCount=document.getElementById（'count'）。值；
b计数--；
document.getElementById（'count'）。value=bCount；
document.getElementById（'count'）；
}
函数add（）{
var bCount=document.getElementById（'count'）。值；
bCount++；
document.getElementById（'count'）。value=bCount；
document.getElementById（'count'）；
}

数量

您需要使用

document.getElementById

来获取旧的文本框值

请检查以下代码：

函数减号（）{
var oldVal=parseInt（document.getElementById（“myVal”）.value）；
奥德瓦尔--；
document.getElementById（“myVal”）.value=oldVal；
}
函数add（）{
var oldVal=parseInt（document.getElementById（“myVal”）.value）；
oldVal++；
document.getElementById（“myVal”）.value=oldVal；
}

数量

您有两个函数

减号

，其中一个必须是

添加

如果要使用attributere

name

进行选择，则需要使用如下内容：

document.getElementsByName（“计数”）[0]。标记名

---

如果要使用按钮和文本输入更改号码，可以将代码更改为：

<div class="productForm">
    <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
        <div class="+-Buttons">
            Quantity <br>
            <input type="button" value="-" onClick="minus()">
            <input type="number" name="count" value=0>
            <input type="button" value="+" onClick="add()">
        </div>
    </form>
</div>
<script>
    function minus(){
        document.calculateCart.count.value = --document.calculateCart.count.value;
    }

    function add(){
        document.calculateCart.count.value = ++document.calculateCart.count.value;
    }
</script>

数量

函数负（）{
document.calculateCart.count.value=--document.calculateCart.count.value；
}
函数add（）{
document.calculateCart.count.value=++document.calculateCart.count.value；
}

在HTML中不存在输入类型-int，您需要使用数字或文本

如果只想使用按钮更改值，可以如下所示：

<div class="productForm">
    <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
        <div class="+-Buttons">
            Quantity <br>
            <input type="button" value="-" onClick="minus()">
            <span id="your-number">0</span>
            <input type="button" value="+" onClick="add()">
        </div>
    </form>
</div>
<script>
    var a = 0;

    function minus(){
        a -= 1;
        document.getElementById('your-number').innerHTML = a;
    }

    function add(){
        a += 1;
        document.getElementById('your-number').innerHTML = a;
    }
</script>

数量

0
var a=0；
函数负（）{
a-=1；
document.getElementById（'your-number'）。innerHTML=a；
}
函数add（）{
a+=1；
document.getElementById（'your-number'）。innerHTML=a；
}

首先，将第二个函数从减号重命名为添加两个打字错误，

减号

函数两次，

bCount->count

，bCount不包含

count

元素，它包含一些数字。谢谢，只需复制粘贴即可节省时间，您可以使用

document[formName]

访问文档上的表单，这本身不是问题，但是还有另一个输入错误

bCount->count

谢谢！这完全符合预期。如果我很贪婪，有没有办法在设置最小值的同时执行第二个代码段？或者这只适用于输入标记而不适用于跨度标记？如果您想设置最小值，可以使用if语句在javascript中检查它。类似这样：

if（a<0）{}

为执行减号操作的按钮设置一些样式，例如make button disabledThanks。我非常感激