`
mushme
  • 浏览: 790106 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

批量设置输入框的只读属性

 
阅读更多
时间或者选择带出的东西,都需要设置成只读,不让用户自己输入
有了jquery,实际上只要添加个readonly属性就可以
只是挨个input来设置,一来页面不好看,二来不好调整,批处理下,页面也干净了
var readOnlyConfig = ['askTime','devEndTime'];//根据id设置只读
	function initReadOnlyConfig() {
		if (typeof readOnlyConfig == 'undefined') {
			return;
		}
		for (var i=0;i<readOnlyConfig.length;i++) {
			var ele = readOnlyConfig[i];
			if (document.getElementById(ele)!=null) {
				document.getElementById(ele).readOnly = "readonly";
			}
		}
	}


顺便发个date的控件初始化
$("[id=askTime],[id=devEndTime]").datepick( {firstDay : 0,showOn : 'button',buttonImage : '../images/calendar-blue.gif'});


另,以上部分代码需要jquery支持。
分享到:
评论
2 楼 mushme 2012-04-08  
tomfish88 写道
直接设置就可以了,需要循环么

一码事,这样可以将js提取出来共用。
1 楼 tomfish88 2012-04-04  
直接设置就可以了,需要循环么

相关推荐

    jquery批量设置属性readonly和disabled的方法

    在开发基于Web的交互式应用时,经常需要对表单元素如输入框(input...通过上述介绍,我们可以看到jQuery如何轻松地进行批量属性设置。以上方法适用于各种动态交互的Web应用中,能帮助开发者快速实现对表单元素的控制。

    elementUI 设置input的只读或禁用的方法

    只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui...

    Vue动态控制input的disabled属性的方法

    有时候会有这样的需求,新增的时候可以输入,但是无法修改,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢? 输入框的html源代码 配置项 v-bind:disabled=...

    用js一次改变多个input的readonly属性值的方法

    `语句将其`readonly`属性设置为`false`,从而取消只读状态,使用户能够编辑该输入框的内容。 需要注意的是,在代码中`if(txtN[i].type="text")`实际上是错误的,应该使用双等号`==`或三等号`===`进行比较。双等号会...

    jquery批量控制form禁用的代码

    在上面提供的代码片段中,就是通过指定的类名(如`.dddinput`和`.dddselect`)来选取所有的输入框和选择框,并将它们的`disabled`属性设置为`disabled`。这样,所有选中的表单元素就都被禁用了。 具体代码如下: `...

    网页表单元素Input的高级用法11例

    只读文本框内容 在input里添加属性值 readonly 3. 防止退后清空的TEXT文档(可把style内容做做为类引用) &lt;INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput&gt; 4. ENTER键可以让...

    易语言程序免安装版下载

    2) 修改静态编译后“选择列表框”在“单选”属性为真时不显示项目内容的BUG 3) 修改核心库中“播放音乐”命令在没有声卡或声卡被禁用时未正确释放资源的BUG 4) 修改静态编译后“读配置项”命令在第三个参数“配置...

    CRM认证考试题

    - **功能模块**: 包括查询、重置、清除、新增、修改、删除、批量删除、提交、详情等功能。 ##### 2. 业务规则 - 报告的审批流程需符合规定的业务规则,具体细节参见培训材料中的3.3章节。 ##### 3. 界面设计 - **...

Global site tag (gtag.js) - Google Analytics