<input>删除readonly属性
我这里有一个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把这属性删了。
追答不会吧，我这可是本地测试通过了的。。。。你把你的相关代码贴上来看看吧
追问一天没有登录了，我又重新在程序外测试了一下您写的是正确的，程序里面不行的原因是我没有选对标签。谢谢您老师。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2015-07-21
不知你js熟悉吗，可以给你一个思路：给那个按钮加一个onClick事件，然后获取某个或多个input对象，设置其readonly属性。
第2个回答 推荐于2017-11-27
document.getElementById(id).removeAttribute("readonly");本回答被提问者采纳
第3个回答 2018-07-27
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,
},
})
界面
相似回答