如何分离按钮(在功能方面)

时间:2017-08-21 20:56:21

标签: javascript html css

我试图在我的网站上创建一个upvote功能,它基本上有效。但是,所有Upvoting按钮都链接到同一个东西。

我有这样的事情:

<th width = 50%>
    MAUDE BONNEY
    <br><br>
    <div class="box">
        <label for="qty">
            <abbr title="Quantity">Up Vote!</abbr>
        </label>
        <input id="qty" value="0" />
        <button id="down" onclick="modify_qty(-1)">-1</button>
        <button id="up" onclick="modify_qty(1)">+1</button>
</th>

这里是我的javascript(我有一个css,但我认为它不重要)

function modify_qty(val) {
    var qty = document.getElementById('qty').value;
    var new_qty = parseInt(qty,10) + val;

    document.getElementById('qty').value = new_qty;
    return new_qty;
}

如何使所有按钮都未连接?当您按下其中一个+1或-1按钮时,它只会影响其中一个计数器。我如何让他们成为所有人?

1 个答案:

答案 0 :(得分:0)

使用您当前的标记方式(ID),您无法将每个按钮真正链接到特定计数,而不会让每个按钮具有不同的ID。你可以用PHP来做,但你需要下载一个服务器和类似的东西。因此,就目前而言,将每个按钮链接到特定计数并不是一种简单的方法。