js或jquery,怎么弄点击一个修改按钮,我的一个table可以编辑,隐藏起修改按钮,确认按钮显示出来
js或jquery,怎么弄点击一个修改按钮,我的一个table可以编辑,隐藏起修改按钮,确认按钮显示出来,点击确认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也锁定了
展开全部
虽然不知道你问什么
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还能有动画效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
搞两个表格好了,修改显示一个,确定显示另一个
追问
不是这样的啊,一开始我是不能编辑的,点击修改才能编译。。。等等
追答
对啊,一开始显示不能编辑的那个啊,点了显示另一个啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询