点击编辑,表格中的数据变成可编辑状态

编辑状态为,下拉单选框,单选按钮,使用java语言... 编辑状态为,下拉单选框,单选按钮,使用java语言 展开
 我来答
弘涌珍舟炯垣16
2018-08-10 · TA获得超过440个赞
知道小有建树答主
回答量:445
采纳率:70%
帮助的人:44.4万
展开全部
思路:点击按钮后,如果单元格内容不是可编辑状态,就将单元格替换为文本框,内容为当前单元格内容;再次点击即单元格内容已经是可编辑的文本框,就将单元格内容显示为文本框的值。详细说明及实例演示如下:
1、HTML结构:给出一个示例表格
<table>
<tr><td>1</td><td>2</td><td><input type="button" value="编判逗孝辑"></td></tr>
<tr><td>2</td><td>5</td><td><input type="button" value="编辑"></td></tr>
<tr><td>3</td><td>8</td><td><input type="button" value="编辑"></td></tr>
<tr><td>4</td><td>2</td><td><input type="button" value="编辑"></td></tr>
</table>
2、jquery代码:
$(function(){
$("input:button").click(function() {
str = $(this).val()=="编辑"?"确指笑定":"编辑";
$(this).val(str); // 按钮被点击后,在“编辑”和“确定掘稿”之间切换
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式