操作自动生成的html表格里对文本框加一减一的例子

DayDay_Code

于 2016-05-24 10:00:44 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Js 文章标签： javascript html jquery

本文链接：https://blog.youkuaiyun.com/CommandBaby/article/details/51487840

Js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用JQuery实现的简单示例，通过按钮点击事件为HTML表格中的文本框增加或减少数值。该方法适用于没有唯一ID标识的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery操作html表格对文本框加一减一的例子无ID标识之类

<script type="text/javascript">
    function calc(obj, val) {
        var $input = $($(obj).parent().parent().find("input").eq(0));
        var tbVal = parseInt($input.val());
        $input.val(tbVal + val);

        //var tbVal = parseInt($input.textbox('getValue')); //easyui-textbox方式
        //$input.textbox('setValue', tbVal + val);
    }
</script>
<table>
    <tr>
        <td>
            <input type="text" value="0" />
            @* <input class="easyui-textbox" value="0" />*@
        </td>
        <td>
            <input type="button" onclick="calc(this, 1)" value="+" /><input type="button" onclick="    calc(this, -1)" value="-" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" value="0" />
        </td>
        <td>
            <input type="button" onclick="calc(this, 1)" value="+" /><input type="button" onclick="    calc(this, -1)" value="-" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" value="0" />
        </td>
        <td>
            <input type="button" onclick="calc(this, 1)" value="+" /><input type="button" onclick="    calc(this, -1)" value="-" />
        </td>
    </tr>
</table>