js或jquery，怎么弄点击一个修改按钮，我的一个table可以编辑，隐藏起修改按钮，确认按钮显示出来
js或jquery，怎么弄点击一个修改按钮，我的一个table可以编辑，隐藏起修改按钮，确认按钮显示出来，点击确认table不可以再编辑，修改按钮显示出来，确定按钮隐藏！因为这个页面太多的表格必须给input id值；额暂时没分了。。。。。求大神
需要具体的代码；；；；；
个人理解：每个table 都有一个修改按钮，当点击各自上方的”修改“按钮后，table可以进行修改，同时将”修改"按钮隐藏，出现"确认“按钮，当table修改完毕后，点击”确认“按钮，将table禁用，同时”确认“按钮隐藏，出现”修改“按钮。
//不知道理解的对不对。
思路：
根据按钮寻找对应的table元素；
隐藏/显示按妞，jq的hide/show
禁用：将table中的所有元素循环禁用，如过有些是不需要禁用的，可以增加一些自定义字段进行判断；
启用：同禁用相同；
代码：Ps: 因为你没给代码，所以，我这里的布局肯定跟你不同。
//代码没有经过测试，直接在编辑器中写的。
<html><head>
<style type="text/css">
#okBtn{display:none;}
</style>
</head>
<body>
<!-- 第一个table -->
<div class="table">
<div class="btn">
<button id="editBtn">修改</button>
<button id="okBtn">确定</button>
</div>
<table>
<tr><td><input type="text" /></td></tr>
</table>
</div>
<!-- 第二个table -->
<div class="table">
</div>
</body>
</html>
//js代码
//引入jquery.js<script type="text/javascrpt".
$(function(){
//绑定事件
//修改
$('body').delegate('#editBtn",'click',function(ev){
//按钮切换
ev = ev || window.event;
var t = ev.srcElement || ev.target,$t = $(t),$p = $t.parent(),$table = $p.find('table');
$p.find('#editBtn').css('display','none');
$p.find('#okBtn').css('display','block');
//启用table
$table.find('input').each(function(){
var $ele = $(this);
$ele.disabled = false;
});
});
//确定
$('body').delegate('#okBtn','click',function(){
//此处与修改正好相反，如果这里不会的话，再追问。
});
});
</script>追问
感谢大神！这样是可以了的；但是table一开始没有被锁定；点击修改和确定都是能写的
追答一开是没有被锁定，那就执行一下”确定“方法呗。这样按钮就成”编辑“，table也锁定了
温馨提示：答案为网友推荐，仅供参考
第1个回答 2016-06-01
虽然不知道你问什么
jquery:
$("#buttonID").click(function(){//按钮点击事件
$("#tableID").show()//table显示
$("#tableID").hide()//table隐藏
});
大部分元素的显示隐藏都可以用show，hide
fadeIn和fadeOut还能有动画效果
jquery:
$("#buttonID").click(function(){//按钮点击事件
$("#tableID").show()//table显示
$("#tableID").hide()//table隐藏
});
大部分元素的显示隐藏都可以用show，hide
fadeIn和fadeOut还能有动画效果
第2个回答 2016-06-01
搞两个表格好了，修改显示一个，确定显示另一个追问
不是这样的啊，一开始我是不能编辑的，点击修改才能编译。。。等等
追答对啊，一开始显示不能编辑的那个啊，点了显示另一个啊
相似回答