记账凭证功能:点击table表格,变成input输入框,输入数字之后,再填入对应的table格子中

点击table表格

img

表格变成输入框

img

在输入框中输入数字,然后数字按照金额不同填入到对应的table格子中

img

希望有大神帮帮忙!

这个就要用js了。点击表格,动态添加一个input,然后可以在里面填写对应的值,再点击其它地方,input隐藏,获取对应input的val ,然后判断值的位数,分别填充到对应的位置即可。

你是说点击表格后,金额里需要变成input等输入完,填入到对应的地方?可以用一个变量,判断,当变量为true时展示input。false为值.
可以参考一下这个http://www.freejs.net/article_biaodan_34.html和https://blog.csdn.net/zhangyan8120399100/article/details/51910689?utm_source=blogxgwz1

如果是排列好的table,那给一个input定位在对应位置,输入数字之后隐藏比较好,不影响显示的table结构,项目是vue的话比较好操作,不是的话引入jq好操作。