设置表单内的输入控件只读

最新推荐文章于 2023-08-19 16:04:47 发布

原创最新推荐文章于 2023-08-19 16:04:47 发布 · 714 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #input

本文介绍了一种使用JavaScript实现表格元素在编辑状态与只读状态之间切换的方法。通过两个函数，可以轻松地使表格中的输入框(input)、文本区域(textarea)以及组合框(combo box)等元素在可编辑与禁用状态之间转换。

     function setTableReadOnly(formId){
          $("#"+formId+" input").attr("disabled","true");
          $("#"+formId+" textarea").attr("disabled","true");
          $("#"+formId+" .easyui-combobox").combobox("disable");

            }
    function setTableEditor(formId){

        $("#"+formId+" input").removeAttr("disabled");
        $("#"+formId+" textarea").removeAttr("disabled");
        $("#"+formId+" .easyui-combobox").combobox("enable")
    }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liuzhenming1987

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html表单控件禁用属性readonly VS disabled介绍

01-21

在html中有两种禁用表单提交的方法，他们分别是： 1.给控件标签加\u4e0areadonly='readonly'属性 2.给控件标签加\u4e0adisabled='disabled'属性例如: <input type=text value= readonly=readonly /> <input type=text value= disabled=disabled /> 举例中的两个控件都是不可修改的。但是他们也有一些区别！从字面意思我们可以知道，试用readonly属性的控件是只读的,而试用disabled是被禁用的。那么他们的区别是什么呢？只读

表单控件的只读显示

Java企业应用

08-03

419

通常在内容查看，打印预览等页面，需要对表单控件做只读显示，即不能更改控件的状态。这里我们会用到2个常用属性readonly和disable。当readonly为true时，表单控件表现为不可编辑；当disable为true时表单控件表现为不可编辑（同时控件颜色变灰）。对于输入型控件（如text、textarea）这2个属性都是好用的；但是对于选择型控件（如radio、che...

参与评论您还未登录，请先登录后发表或查看评论

让input(文本框)表单只读的几种方法

One ITer

10-26

4077

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur() 效果: 方法2:readonly 效果: 方法3: disabled 效果: 来源于互联网,由oneiter整理！

Extjs4 关于设置form中所有子控件为readOnly属性的解决方案

dicuzhaoqin8950的博客

06-02

395

之前在网上找了一堆,但那些确实没法用,后来考虑了一下,发现主要是网上提供的假设form中只有一层控件,没有考虑到布局稍微复杂的form情形,此处采用递归的形式实现对form中所有控件(grid及button必须排除,否则会报错,如果发现还有其它控件也会报错,请反馈给我,好完善此代码) 代码很简单,setFormReadOnly需要两个参数,一个为form,一个为bool型变量,标明是需...

fineReport读取模板文件

yangyansong789的博客

07-19

4362

在fineReport服务中读取模板文件，模板文件必须放在WEB-INF文件夹下面的reportlets下（或者子目录下），访问模板文件可以通过iframe，例如： <iframe id="reportFrame" src="/sts-report/ReportServer?reportlet=WorkBook1.cpt&op=fs" ></iframe> o...

FineReport——获取控件值和单元格值

最新发布

04-03

在给定的资源中，我们关注的是如何实现基于 ElementPlus 的表单只读态控件，这在新建页面与详情页面的动态切换场景中非常有用。下面将详细介绍这个功能及其实施方法。首先，我们要理解只读态控件在表单中的作用。...

HTML中让表单input等文本框为只读不可编辑的方法

12-02

在这种情况下，用户可以看到文本框内的内容“中国”，但无法直接修改。`readonly`属性使得文本框呈可选中状态，用户可以复制文本，但无法输入新的字符。同时，文本框的外观通常保持正常，与可编辑的文本框无明显区别...

HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

09-29

总结，HTML5的`input`表单控件极大地丰富了网页表单的设计和功能，使得开发者可以更方便地创建符合用户需求的交互界面。通过学习和掌握这些新特性，我们可以提升网站的用户体验，同时减少后端验证的压力。

设置checkbox为只读(readOnly)的两种方式

09-04

在网页表单设计中，有时候我们希望用户能够看到checkbox（复选框）的状态，但不允许他们修改这些状态，这时就需要将checkbox设置为只读。尽管HTML标准中并未提供直接的`readOnly`属性来实现这一功能，但我们可以通过...

domino xpages 开发权限相关控件只读

02-26

本文将详细探讨如何根据用户权限设置控件的只读、禁用以及可见性状态，以实现更加精细化的用户体验。首先，`XPages`是IBM Domino平台上的一个开发框架，它允许开发者使用Java Server Pages (JSP)和JavaScript ...

FineUI小技巧（2）将表单内全部字段禁用、只读、设置无效标识

weixin_34310369的博客

06-23

642

需求描述对表单内的所有字段进行操作也是常见需求，这些操作有：禁用：表单字段变灰，不响应用户动作。只读：表单字段不变灰，但不接受用户输入（实际上是设置DOM节点的readonly属性），有触发器的要隐藏起来设置无效标识：一般用在服务器端验证失败的提示信息界面效果默认状态禁用状态只读状态设置无效标识状态 ...

控件只读设置

风火一回，一生不毁

07-15

2104

1.文本框、密码框、文本域的只读可设置html属性：readonly="readonly 2.复选框和单选框的只读,不能使用readonly属性，有以下3种方式： a.可设置html属性：disabled="disabled"，该方式选框将变灰，样式会受到一定改变。 b.添加onclick="return false;"作为触发事件 c.添加onclick="t

js设置表单为只读

a513436535的博客

08-19

548

【代码】js设置页面为只读。

帆软FineReport——调用(引用|获取)控件及控件方法

悟了一个空的专栏

11-28

1万+

在参数界面、决策报表界面获取控件的方法是相同的，先获取决策报表，再通过控件名称来获取控件，如下所示： var Widget = this.options.form.getWidgetByName("WidgetName"); 在cpt填报时获取控件，先获取报表对象contentPane，再通过控件名称来获取控件，如下所示： var Widget = contentPane.getWi...

js控件设置只读属性和不可用属性

weixin_30540691的博客

04-23

2471

介绍js实现只读的几种方法：设置控件只读的话，我们要先清楚哪些没有readOlny这个属性我知道的checkbox和RadioButton没有readOlny这个属性，我上一篇已经介绍了如何设置checkbox的只读了。今天我们只是了解通用的控件只读和不可用 document.getELementById(textId).disabled=true;document.getEleme...

finereport字段显示设置_泛微OA E8流程小技巧（02）-- 显示属性联动

weixin_39762075的博客

12-10

1994

大家好！我是响指不够响。今天我来为大家讲解Ecology8的另一个功能—显示属性联动。为了方便大家阅读，我将会把实现的效果与后台配置合并在一篇文章里。前台应用我们使用的流程中，很多时候会遇到这种情况；图1“维修结果”有两个选项分别是‘维修完成’和‘无法维修’，而“原因分析”是否必须填写则根据“维修结果”而来，如果选‘无法维修’则必填，如果选择‘维修完成’则可填可不填。图2(红色感叹号为必填)图3 ...

FineReport_单元格编辑权限设置

weixin_41668007的博客

06-18

2748

1.模板-进入权限编辑 2.数据决策系统设置，勾选即可