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

关注

原创最新推荐文章于 2026-07-02 13:05:28 发布 2.9k 阅读 AI 写同款· GEO 优化 ›

HTML5 使用JQuery对表格进行增加列操作 HTML5 使用JQuery对表格进行增加列操作 1.设计数据表格页面； 2增加一列“平均成绩”，显示每个学生的三门课的平均成绩，保留一位小数点； 3.把身为党员，且平均成绩>87分的女同学数据行使用红色背景标注 style样式代码: table { text-align: center;/*文本居中，即表格中的文字内容居中*/ margin: auto;/*将整个表格居中... 阅读详情

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>

收录于