Rumah > Artikel > hujung hadapan web > javascript怎么设置不可编辑
javascript怎么设置不可编辑
- 青灯夜游asal
- 2021-06-18 14:04:006992semak imbas
在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学习教程】
Atas ialah kandungan terperinci javascript怎么设置不可编辑. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript中的json方法有哪些Artikel seterusnya：javascript怎么改变字体大小