王光耀的回答：<!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即可，可将上述代码弄成网页查看效果，有问题可以提问 赵俊的回答：<!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即可，可将上述代码弄成网页查看效果，有问题可以提问 刘玉林的回答：不知你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,
??},
})界面
|
