javascript怎么设置不可编辑

在javascript中，可以使用Checkbox对象的disabled属性来设置不可编辑，只需要设置指定元素标签的disabled属性的值为“true”即可，语法格式“元素对象.disabled=true; ”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript-设置文本框不可编辑

我们需要首先建立一个HTML骨架，这个可以用编译器快速生成。

!DOCTYPE html>
    html>
    head>
    	tITle>
    /title>
    /head>
    body>
     /body>
    /html>
    

然后我们把基本的内容输入完成。

!DOCTYPE html>
    html>
    head>
    	title>
    /title>
    /head>
    body>
    	input type="text" >
    	input type="button" value="禁用">
    /body>
    /html>
    

再接着就是写JavaScript事件，实现禁用功能

!DOCTYPE html>
    html>
    head>
    	title>
    /title>
    /head>
    body>
    	input id="txt" type="text" >
    	input id="BTn1" type="button" value="禁用">
    	script>
     		VAR btn1 = document.getElementById('btn1');
		btn1.onclick = function () {
    			var txt = document.getElementById('txt');
    			txt.disabled = true;
		}
    	/script>
    /body>
    /html>
    

优化一下：在文本框里面输入数字，点击禁用之后就不能够在文本框里面输入数字了，再接着就是写“启用”功能了。其实启用功能和禁用功能差不多，只是把“disabled = true”更改为“disabled = false”即可，代码如下：

!DOCTYPE html>
    html>
    head>
    	title>
    /title>
    /head>
    body>
    	input id="txt" type="text" >
    	input id="btn1" type="button" value="禁用">
    	input id="btn2" type="button" value="启用">
    	script>
     		var btn1 = document.getElementById('btn1');
		btn1.onclick = function () {
    			var txt = document.getElementById('txt');
    			txt.disabled = true;
		}
     		var btn2 = document.getElementById('btn2');
		btn2.onclick = function () {
    			var txt = document.getElementById('txt');
    			txt.disabled = false;
		}
    	/script>
    /body>
    /html>
    

【相关推荐：javascript学习教程】

以上就是javascript怎么设置不可编辑的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！