如何使用Jquery通过按钮使表格单元格可编辑

时间:2014-07-04 22:32:11

标签: jquery

当用户点击按钮时,我需要使第一列单元格可编辑。我能够添加“删除”和“更改订单”功能,但无法弄清楚如何通过按钮使单元格数据可编辑。 Jfiddle中的任何Jquery解决方案都将受到高度赞赏。

请参阅以下链接

Link

3 个答案:

答案 0 :(得分:0)

您可以尝试使用JEditable。

在这里查看一些演示: http://www.appelsiini.net/projects/jeditable/custom.html

答案 1 :(得分:0)

一个简单的解决方案是将第一个coolumn的数据(您要编辑的数据)包装在一个元素中并将其禁用

<input type="text" value="data" disabled id="some_id"/>

然后在您的CSS文件中,您可以在禁用时随意设置输入样式,并使它们看起来像普通文本。

input[type=text]:disabled{ //style goes here }

最后,在您的javascript文件中,您必须在编辑按钮上侦听点击事件,然后启用上述输入。

使用此技术的一个警告是,它会使用除数据以外的标记污染表,并且可能会影响可访问性

答案 2 :(得分:0)

我创造了一个快速小提琴。它没有切换或任何东西,但你明白了。

它基本上完全按照你的要求和我所关注的内容完成。

http://jsfiddle.net/dHd9A/

let me know