按钮onclick通过JavaScript添加input type =“number”数组

时间:2014-05-02 02:58:15

标签: javascript

function somar(){
document.getElementsByName("aQtd")[0].value++ ;
}
<tr><td>
<button type="button" name="cProduto" value="xyz" onclick="somar()">
<input  type="number" value="0" name="aQtd">
<tr><td>
<button type="button" name="cProduto" value="abc" onclick="somar()">
<input  type="number" value="0" name="aQtd">
<tr><td>
<button type="button" name="cProduto" value="zzz" onclick="somar()">
<input  type="number" value="0" name="aQtd">

我需要按下按钮,将+1添加到相应的数组aQtd中 请注意,同名的aQtd和同名的cProduto。

1 个答案:

答案 0 :(得分:1)

你的html遇到了一些问题:

<table>
    <tr>
        <td><button type="button" name="cProduto" value="xyz" onclick="somar(this)">BTN</button></td>
        <td><input  type="number" value="0" name="aQtd" /></td>
    </tr>
    <tr>
        <td><button type="button" name="cProduto" value="abc" onclick="somar(this)">BTN</button></td>
        <td><input  type="number" value="0" name="aQtd" /></td>
    </tr>
    <tr>
       <td><button type="button" name="cProduto" value="zzz" onclick="somar(this)">BTN</button></td>
       <td><input  type="number" value="0" name="aQtd" /></td>
    </tr>
</table>

另外,我认为您希望按钮能够影响它自己的行输入:

function somar(elem){
    // you can do this better with jquery
    elem.parentNode.nextElementSibling.children[0].value++
}

这是一个小提琴: http://jsfiddle.net/WkpBj/