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

简介: 【原创】用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>
相关文章
Summernote 富文本编辑器的内容变成只读模式
这篇文章介绍了如何使用Summernote富文本编辑器的disable方法将编辑器设置为只读模式。
|
2月前
|
前端开发 C++
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
css实用技巧——锁定页面,禁止滚动 vs 解锁页面,恢复滚动
35 0
|
4月前
|
前端开发 JavaScript
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
91 0
|
11月前
|
移动开发 JavaScript
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
同样的JS效果,有部分页面生效,有部分页面无效的原因(怪异模式)
67 0
|
11月前
|
前端开发 JavaScript API
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(2)
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(2)
|
11月前
|
JavaScript 前端开发 数据处理
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(3)
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(3)
|
11月前
|
JavaScript 前端开发 API
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(1)
带你读《现代Javascript高级教程》三十三、页面生命周期: DOMContentLoaded, load, beforeunload, unload(1)
|
JavaScript
js点击收缩展开文本(不能用废弃)
js点击收缩展开文本(不能用废弃)
|
JavaScript
jquery实现状态灯转换的注意事项
jquery实现状态灯转换的注意事项
37 0
|
前端开发 JavaScript API
jQuery 多库共存与修改样式方法
jQuery 多库共存与修改样式方法
jQuery 多库共存与修改样式方法