js readOnly backgroundColor 属性

最新推荐文章于 2025-04-10 23:37:48 发布
最新推荐文章于 2025-04-10 23:37:48 发布
阅读量892 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liang4571231/article/details/4087206
本文介绍了一个简单的JavaScript函数，该函数可以切换HTML页面上指定ID的文本框的只读状态，并通过更改背景颜色来直观地显示当前状态。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

function changeOk()
    {
        if(document.getElementById("ok").readOnly == true)
        {
            document.getElementById("ok").readOnly = false;
            document.getElementById("ok").style.backgroundColor = "White";
        }
        else
        {
            document.getElementById("ok").readOnly = true;
            document.getElementById("ok").style.backgroundColor = "LightGrey";
        }
        

    }

 

注意：readOnly 中O要大写

html solid 属性,javaScript属性
weixin_39777543的博客
06-04 2379
------------------------------------行内样式------------------------------------*基本标签html 网页的开始标记head 网页的头部标记body 网页的主体标记bgcolor: 背景色；background 背景图片title 整个网页的标题例如*img 图像标签：src 图像的保存路径width 宽度height 高度al...
js控制input框只读实现示例
10-26
这个函数通过`getElementById()`方法获取id为"username"的input元素，然后使用`setAttribute()`方法设置`readOnly`属性为`true`，使得input框变为只读。同时，为了视觉上更明显地区分只读状态，还设置了背景色为...
9.javaScript属性
YFSREAD的博客
02-08 210
------------------------------------行内样式------------------------------------ *基本标签html 网页的开始标记head 网页的头部标记body 网页的主体标记 bgcolor: 背景色；background 背景图片title 整个网页的标题例如<p style="color:red"></p>*...
JavaScript 修改表单样式和readOnly属性
oyprunner的专栏
10-29 172
[code="java"] function change() { var obj = document.getElementById("condition1");//得到下拉列框对象 var index = obj.selectedIndex;//得到下拉列表的下标0,1,2,3, var val = obj.options[in...
JS Docment常用属性和方法
成长笔记
04-14 828
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树 DOM常用方法： 1、通过 id 查找 HTML 元素 在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。 实例 本例查找 id="intro" 元素： var x=document.g
如何设置Select下拉框、CheckBox、Radio的ReadOnly属性？
北亮的专栏
02-27 9899
因为Select下拉框只支持disabled属性，不支持readOnly属性，而在提交时，disabled的控件，又是不提交值的 使用如下的js脚本处理一下，支持下拉框、CheckBox、Radio：function SetReadOnly(obj, backgroundColor) { if (obj) { var ieVer = GetIeVersi
QML自定义属性和方法
深之JohnChen的专栏
04-10 359
qmlqml// 方法体qmlItem {id: rootwidth: 200;height: 20。
element元素 取属性_JS-DOM Element方法和属性
weixin_39579127的博客
12-21 1203
setAttribute方法:var a=document.createElement("div"); //新建一个DIVa.id="div1";//给新加的DIV命名a.style.setAttribute("zIndex",2);//设置DIV叠放次序a.style.setAttribute("textAlign",Dalign);//对齐方式a.style.setAttribu...
用JS实现input输入框里的只读属性
chunyong66的博客
09-18 6693
大家好！今天我再写程序时，见到了用js如何使input里的输入框产生只读属性。特意搜索一些资料，网上说的很多，我见到了一个特别的，而且简单，给大家分享一下。 欢迎大家转发，版权归作者所有，转载请注明出处<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
javaScript属性
dhrsacoi102577的博客
11-15 131
------------------------------------行内样式------------------------------------*基本标签html 网页的开始标记head 网页的头部标记body 网页的主体标记 bgcolor: 背景色；background 背景图片title 整个网页的标题例如<p style="color:red"></p...
js 修改readonly属性
06-05
我们正在讨论如何使用JavaScript修改input元素的readonly属性。根据之前的引用，有两种主要方法：使用setAttribute/removeAttribute或直接修改readOnly属性（注意大小写）。同时要注意readonly和disabled的区别...
泛微E9开发 JS控制浏览框的属性
01-21
### 泛微E9开发中使用JavaScript控制浏览框属性 在泛微E9系统的前端开发环境中，可以通过JavaScript来控制和修改页面上各种组件的行为与外观。对于浏览框这类特定控件而言，通常会涉及到以下几个方面： #### 1. ...
<input id="F_Password" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" unselectable="on">
最新发布
08-12
input.style.backgroundColor = input.readOnly ? '#e9ecef' : '#ffffff'; // 可视化区分 } ``` ### 解释： - 页面加载时，输入框是只读的，并且设置了默认值 `Secret123`。 - 点击按钮后，调用 `...
关于window.showModalDialog()返回值的学习心得
热门推荐
04-24 1万+
下面先说说window.showModalDialog的基本用法showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法：vR
js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点
04-20 1万+
  设置焦点 设置焦点 <!-- function init(){ var ctrl=document.getElementById("UserName"); ctrl.focus(); } // --> 设置焦
JS二维数组的定义
11-26 1万+
 二维数组声明方式是下面这样的： var images=new Array(); //先声明一维 for(var i=0;i<10;i++){ //一维长度为10 images[i]=new Array(); //在声明二维 for(var j=0;j<20
showModalDialog参数使用
04-29 1万+
 基本介绍： 　　showModalDialog()                              (IE 4+ 支持)　　showModelessDialog()                         (IE 5+ 支持)　　window.showModalDialog()                 方法用来创建一个显示HTML内容的模态对话框。　　window.
javascript js 保留两位小数 多位小数
05-19 1万+
function formatFloat(src, pos){    return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);}alert(formatFloat("1212.2323", 2));//-->还有如下几种方法：var test=88888.234; alert(test.toFixed(2)); // Flo
js 判断js函数、变量是否存在
04-02 8193
函数 PLAIN TEXTJAVASCRIPT:try{if(typeof(eval(funcName))=="function"){funcName();}}catch(e){//alert("not function");}   变
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值