Question

我正在尝试为电影院制作预订系统。在这个系统中，我添加了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

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

    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";
        }

所以，如果有人能帮助我，我会感激不尽。

诚恳，

杜桑

Answer 1

我希望这就是你要找的东西：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);
}

改为使用数据属性。

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

1 个答案: