寻求个js，点击butom 让文本框处于可以编辑状态，在点一次恢复只读状态
起初文本框是只读状态不可编辑，当点击按钮后文本框就处于可写状态，这时点击确定按钮又恢复成第一步的只读状态。...
起初文本框是只读状态不可编辑，当点击按钮后
文本框就处于可写状态，这时点击确定按钮 又恢复成第一步的只读状态。 展开
文本框就处于可写状态，这时点击确定按钮 又恢复成第一步的只读状态。 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.onload=function(){
var oSr=document.getElementById('sr');
var oBtn=document.getElementById('btn');
var kg=true;
oBtn.onclick=function(){
if(kg){
oSr.disabled=false;
}else{
oSr.disabled=true;
}
kg=!kg;
}
}
</script>
</head>
<body>
<input type='text' value='123' id='sr' disabled/>
<input type='button' value='切换' id='btn'/>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type='text' id='text'/><input type='button' value="编辑" onclick="f()"/>
<script>
function f(){
var t=document.getElementById("text");
if(this.value="编辑"){
t.readOnly=false;
t.value="确定"
}else{
t.readOnly=true;
t.value="编辑";
}
}
</script>
试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" id="txt" readonly />
<button onclick="edit(this)">编辑</button>
---------
var edit = function(btn){
var ro = txt.getAttribute("readonly");
ro ? btn.innerHTML = "确定" : btn.innerHTML = "编辑";
ro ? txt.removeAttribute("readonly") : txt.setAttribute("readonly",true);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
