展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文本框只读</title>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn_no").click(function(){
//通过 readonly 去设置文档框是否为只读的，不可以修改的，这里用设置为只读的(深圳网站建设www.sz886.com)
$("#content").attr("readonly","true");
});
$("#btn_yes").click(function(){
//删除只读的属性，attr加入属性，removeAttr删除属性
$("#content").removeAttr("readonly");
});
});
</script>
</head>
<body>
<input type="text" value="内容" id="content" />
<br>
<input type="button" value="不可修改" id="btn_no" /> <input type="button" value="可以修改" id="btn_yes"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#forbid').click(function() {
$('#box').attr('disabled', 'ture');
})
$('#allow').click(function() {
$('#box').removeAttr('disabled');
})
})
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
</style>
<body>
<div class="demo">
<div class="msg">
<div class="box">
输入文字：<input type="text" name="" id="box" value="" />
<button id="allow">允许输入</button>
<button id="forbid">禁止输入</button>
</div>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<body>
<table>
<tr>
<td>
<input type="text">
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td><input type="button" value="禁止" id="a"></td>
<td><input type="button" value="开启" id="b"></td>
</tr>
</table>
</body>
</html>
<script>
$(function(){
$("#a").click(function(){
$("input[type=text]").attr("disabled","disabled");
});
$("#b").click(function(){
$("input[type=text]").removeAttr("disabled");
});
})
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
</style>
<script>
var change = function(){
tdt.removeAttribute("readonly");
}
</script>
</head>
<body>
<button onclick="change()">
add
</button>
<input type="text" id="tdt" readonly="readonly"/>
</body>
</html>
追问
我还是实现不了啊？我写了一个table，每个table的表格里放的文本框，我是有两个按钮，一个是修改，一个是保存，开始打开文件是只读状态，点击修改按钮变成可读写，点击保存按钮就又回到只读状态，能不能帮我再写的详细一点，有急用，谢谢
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
window.onload = function(){
document.getElementById("btn1").onclick = function(){
document.getElementById("input1").setAttribute("readonly","readonly");
}
document.getElementById("btn2").onclick = function(){
document.getElementById("input1").removeAttribute("readonly");
}
}
</script>
</head>
<body >
<button id="btn1" style="width:60px; height:30px; color:#000;">btn1</button>
<button id="btn2" style="width:60px; height:30px; color:#000;">btn2</button>
<table>
<tr>
<td><input type="text" id="input1" style="width:200px; height:30px; border:1px soldi #ccc;"/></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
window.onload = function(){
document.getElementById("btn1").onclick = function(){
document.getElementById("input1").setAttribute("readonly","readonly");
}
document.getElementById("btn2").onclick = function(){
document.getElementById("input1").removeAttribute("readonly");
}
}
</script>
</head>
<body >
<button id="btn1" style="width:60px; height:30px; color:#000;">btn1</button>
<button id="btn2" style="width:60px; height:30px; color:#000;">btn2</button>
<table>
<tr>
<td><input type="text" id="input1" style="width:200px; height:30px; border:1px soldi #ccc;"/></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
