<input>删除readonly属性
我这里有一个div里有多个input，他们的初始值都为true，有办法将readonly的属性设置为false吗？怎么只要有readonly这个值存在，input的值就不...
我这里有一个div里有多个input，他们的初始值都为true，有办法将readonly的属性设置为false吗？怎么只要有readonly这个值存在，input的值就不能改变了呢？我是打算一点击某个按钮input就变为可修改。请老师指点。
展开
展开全部
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>test</title>
<script type="text/javascript">
function test(){
document.getElementById("testInput").readOnly = false;
}
</script>
</head>
<body>
<input type="text" id="testInput" readOnly value="test">
<input type="button" onclick="test()" value="变成可编辑">
</body>
</html>
readOnly属性表示只读，带有此属性的input无法编辑，所以值不能改变，设置此属性为false即可，可将上述代码弄成网页查看效果，有问题可以提问
<html lang="zh-CN">
<head>
<title>test</title>
<script type="text/javascript">
function test(){
document.getElementById("testInput").readOnly = false;
}
</script>
</head>
<body>
<input type="text" id="testInput" readOnly value="test">
<input type="button" onclick="test()" value="变成可编辑">
</body>
</html>
readOnly属性表示只读，带有此属性的input无法编辑，所以值不能改变，设置此属性为false即可，可将上述代码弄成网页查看效果，有问题可以提问
更多追问追答
追问
老师谢谢您， 我试过了还是不行，我感觉这个有点类似disable，只要一出现这个字段，无论它的属性值为true还是false，它都不能编辑。我用function把这属性删了。
追答
不会吧，我这可是本地测试通过了的。。。。你把你的相关代码贴上来看看吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知你js熟悉吗，可以给你一个思路：给那个按钮加一个onClick事件，然后获取某个或多个input对象，设置其readonly属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById(id).removeAttribute("readonly");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
vue中可以绑定变量来控制，
html
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="example">
<input type='text' v-model='datas' :readonly = 'flag'/>
<button @click='flag=!flag'> 按钮</button>
</div>
var hh = new Vue({
el: '#example',
data: {
datas:'我的天',
flag:true,
},
})
界面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
