AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【原创】用JavaScript控制文件框的只读状态

2024-09-27 23
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【原创】用JavaScript控制文件框的只读状态 
<HTML>

<HEAD>

<title>用JavaScript控制文件框的只读状态</title>

</HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!--

//功能：翻转文件框的只读状态

function  btnSetTxtBoxReadOnly_onClick(btnSetState, txtBox)

{

 var oldState  = txtBox.readOnly;

 txtBox.readOnly = !oldState;

 txtBox.value  = (oldState==true ? "可写" : "只读");

 btnSetState.value  = (oldState==true ? "设为只读" : "设为可写");

}

//-->

</SCRIPT>

<font color="purple" size="+2">用JavaScript控制文件框的只读状态---Purple Endurer原创</font>

<FORM name="frmTest">

<INPUT TYPE="text" NAME="txtTest" value="可写" />

<INPUT TYPE="button" name="btnSetTxtBoxReadOnly" value="设为只读" onClick="btnSetTxtBoxReadOnly_onClick(this, document.frmTest.txtTest)"/>

</FORM>

</BODY>

</HTML>
文章标签：
JavaScript
前端开发
游客qeoynko2nmbgk
目录
相关文章
热爱技术的小郑
|
5月前
Summernote 富文本编辑器的内容变成只读模式
这篇文章介绍了如何使用Summernote富文本编辑器的disable方法将编辑器设置为只读模式。
热爱技术的小郑
122 3
朝阳39
|
6月前
|
前端开发 C++
css实用技巧——锁定页面，禁止滚动 vs 解锁页面，恢复滚动
css实用技巧——锁定页面，禁止滚动 vs 解锁页面，恢复滚动
朝阳39
240 0
技术小达人
|
JavaScript 前端开发 API
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（1）
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（1）
技术小达人
66 0
技术小达人
|
前端开发 JavaScript API
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（2）
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（2）
技术小达人
82 0
技术小达人
|
JavaScript 前端开发 数据处理
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（3）
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload（3）
技术小达人
77 0
小柴没吃饱
|
XML JavaScript 前端开发
使用 JavaScript 更改鼠标指针
使用 JavaScript 更改鼠标指针
小柴没吃饱
164 0
前端歌谣
|
前端开发
【React工作记录六十七】前端实现复制文字操作
【React工作记录六十七】前端实现复制文字操作
前端歌谣
148 0
dituinao技术
|
前端开发
CSS更改未得到反映为什么？
CSS更改未得到反映为什么？
dituinao技术
76 0
卡卡西最近怎么样
|
JavaScript Java
jQuery 对象拷贝与多库共存
jQuery 对象拷贝与多库共存
卡卡西最近怎么样
140 0
jQuery 对象拷贝与多库共存
全栈然叔
|
JavaScript
Js对象复制的各种姿势(未完成版)
这个问题来自于在对koa源码的解析之中被再次提起。 源码的位置 github.com/koajs/koa/b…
全栈然叔
95 0