3种类型的按钮，使它们添加数字

3 types of buttons, make them add numbers

本文关键字：添加 数字 类型 按钮 3种      更新时间：2023-09-26

我正在为一家电影院建立一个预订系统。在这个系统中，我添加了3种类型的按钮，这3个按钮有不同的ID。现在我想让1个按钮显示6欧元。第二个按钮8欧元，然后当我点击多个按钮时，价格需要添加并保存，这样我就可以进入这个脚本的下一阶段。我试着在谷歌上搜索了很多，但我得到的都是该死的废话如果有人能帮助thnx的话。

 <td><button onclick="kaartverkoop1()" id="kaartverkoop1">B</button></td>
<td><button onclick="kaartverkoop1()" id="kaartverkoop1">B</button></td>
<td><button id="kaartverkoop2">O</button></td>
<td><button id="kaartverkoop2">O</button></td>
<td></td

这是两种按钮的示例。我尝试为按钮创建一个函数，并使用"kaartverkoop1（）"，代码就在这里。

    function kaartverkoop1(stoel, soort){
        if (document.getElementById("resultaat").innerHTML == "") {
            document.getElementById("resultaat").innerHTML = "De stoel die u heeft gekozen is :";
        }
        document.getElementById("resultaat").innerHTML+= stoel + ",";
        document.getElementById("resultaat1").innerHTML= "De prijs is ";
        document.getElementById("resultaat2").innerHTML= "De zaal die u heeft gekozen is Zaal 1 ";
        document.getElementById("bestel").innerHTML= "Bestel";
        document.getElementById("annuleer").innerHTML= "Annuleer";
        }

所以，如果有人能帮助我，我将不胜感激。

Dusan

我希望这就是您想要的：http://jsfiddle.net/1qasuuap/

当使用多个项目时，我会远离ID，因为你不能有多个ID，它会破坏JavaScript:

var buttons = document.querySelectorAll('button[data-price]');
var buttonClicked = function (event) {
    var element = event.target;
    var price = parseInt(element.data('price'));
    var totalElement = document.querySelector('[data-total]');
    var total = parseInt(totalElement.data('total'));
    if (element.hasClass('active')) {
        element.removeClass('active');
        total = total - price;
    } else {
        element.addClass('active');
        total = total + price;
    }
    totalElement.data('total', total);
    totalElement.innerHTML = total;
};
for (var b = 0; b < buttons.length; b++) {
    var button = buttons[b];
    button.addEventListener('click', buttonClicked);
}

请改用数据属性。

相关文章：