jquery ui numberbox用法

最新推荐文章于 2021-12-02 09:35:27 发布

原创最新推荐文章于 2021-12-02 09:35:27 发布 · 374 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ui #ViewUI

本文介绍如何在项目中实现表格动态添加行的功能，并通过JavaScript确保新增行中的输入框仅能接受数字输入，同时提供了具体的代码实现及解决方法。

问题描述：项目中需要往表格动态添加行，行中的输入框必须限制其输入(只能输入数字)，现用如下代码添加行，并对输入框作限制，

var table = $("#table05");
var tr = "<tr align='center'><td><input name='periods' class='easyui-numberbox input' min=1 max=99999999 precision=0/></td>" +
	"<td><input name='chargeRate' class='easyui-numberbox input' min=0.000001 max=99.999999 precision=6/></td>" +
	"<td><input name='cardholderChargeRate' class='easyui-numberbox input' min=0.000001 max=99.999999 precision=6/></td>" +
	"<td><input name='remarkk' class='input'/></td>" +
	"</tr>";
table.append(tr);

可以添加行，但是不能对输入框作限制。

现加入：table.find("tr:last input.easyui-numberbox:text").numberbox();就OK了。。