- 浏览: 176903 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (202)
- AOP (1)
- Dom4j 使用简介 (1)
- eclipse (16)
- Git (1)
- hibernate (2)
- html (4)
- ha (1)
- JDBC (4)
- java (15)
- java泛型 (1)
- jsp (7)
- js&jquery (14)
- jdk (1)
- log4j (12)
- linux (23)
- maven (9)
- mysql (7)
- myeclipse (2)
- MongoDB (4)
- oracle应用 (3)
- php (6)
- struts2 (4)
- spring (10)
- svn (3)
- shell (7)
- servlet (8)
- socket (2)
- sqlite (1)
- TomCat (2)
- ThinkPHP (2)
- UltraEdit (1)
- vmware (2)
- WebService (2)
- web.xml (3)
- windows (1)
- xml (3)
- 软件应用 (2)
- 感悟 (1)
- 插件 (1)
- 非技术 (6)
- 编码 (1)
- 网络协议 (4)
- 杂谈 (2)
- 证书 (1)
- 加密 (3)
- 分布与集群 (1)
- PKI (1)
- thymeleaf (1)
- springboot (1)
- ajax (1)
最新评论
<div id="esealSubRight_cbx"> <p> <label >签章管理:</label> <input id="subRightWhiteList1" name="subRightWhiteList" type="checkbox" value="14-01-01-00-00-00-00-00-00-00-00" checked="checked">公章管理</input>  <input id="subRightWhiteList2" name="subRightWhiteList" type="checkbox" value="14-01-02-00-00-00-00-00-00-00-00" checked="checked">私章管理</input><br> <input id="subRightWhiteList3" name="subRightWhiteList" type="checkbox" value="14-01-03-00-00-00-00-00-00-00-00" checked="checked">签章申请</input>  <input id="subRightWhiteList4" name="subRightWhiteList" type="checkbox" value="14-01-04-00-00-00-00-00-00-00-00" checked="checked">签章制作</input> </p> </div>
发现个问题,如果将disabled属性直接加在<div id="esealSubRight_cbx">上,div中的input框是点不了了,可是后台还能接收到对应的值。
于是将disabled属性加到逐个的input框上去,这样input即点不了,后台也接收不到值了。
如何用js使input框失效?
$("#subRightWhiteList1").attr("disabled","diabled"); (使失效)
$("#subRightWhiteList1").removeAttr("disabled"); (去掉失效)
function timer(){ var rolerights = document.getElementById('right.id').value; if(rolerights.indexOf("14-00-00-00-00-00-00-00-00-00-00") > -1 ){ $("#subRightWhiteList1").removeAttr("disabled"); $("#subRightWhiteList2").removeAttr("disabled"); $("#subRightWhiteList3").removeAttr("disabled"); $("#subRightWhiteList4").removeAttr("disabled"); }else{ $("#subRightWhiteList1").attr("disabled","diabled"); $("#subRightWhiteList2").attr("disabled","diabled"); $("#subRightWhiteList3").attr("disabled","diabled"); $("#subRightWhiteList4").attr("disabled","diabled"); } } var t1 = window.setInterval("timer()",500); function closeInterval(){ window.clearInterval(t1); }
window.setInterval("timer()",500); 此处为一个定时器,每0.5秒执行一次timer()函数。
此处为什么用到定时器?
right.id节点是这样的: <input id="right.id" name="role.rights" type="hidden" />
这个节点的值如果变化的话,我会执行以下其它的操作,刚开始想到用onchange等属性,后来发现它们不能监控js等程序赋值带来的变化,所以就想到使用定时器,每隔0.5秒查看一次这个值,如果有变化,然后做对应的其它操作。
发表评论
-
html页面引入另一html片段,并重新加载js
2019-12-10 14:16 758页面需要有这一功能,通过点击不同的按钮,在同一<div ... -
jQuery校验上传文件格式和大小
2018-09-14 17:03 1266jQuery校验上传文件的格式和大小, <input i ... -
重置按钮
2018-09-12 16:27 477页面添加重置按钮,可用于添加页面,编辑页面(思路:先把加载后的 ... -
使用JS对中文字符串进行utf-8的Base64编码
2017-03-26 18:13 1124<!DOCTYPE html PUBLIC &quo ... -
计时器
2016-12-22 17:01 507jsp页面需要检测一个input框中的值,如果有变化则触发另一 ... -
数组转json,json转数组
2016-06-04 10:06 511thinkphp后台用到了将数组转成json数据传到前台htm ... -
PHP数组和Json之间的转换
2016-05-09 14:46 451引用http://www.cnblogs.com/xmphoe ... -
html的disabled使用
2016-05-07 21:37 1518disabled 属性规定应该禁用 input 元素。 被禁 ... -
jQuery页面加载初始化的3种方法
2016-05-07 17:55 1686一、jQuery 页面加载初始化的方法有3种 ,页面在加载的 ... -
Myeclipse 安装Aptana3.2 插件
2014-07-28 17:57 510原文地址:http://www.cnbl ... -
html显示本地xml文件内容
2014-07-17 11:18 1358实现浏览本地xml文件 ... -
JQuery:常用方法一览
2014-06-04 09:36 705Attribute:$(”p”).addClass(cs ... -
prototype.js详解
2014-06-01 13:14 512prototype.js是什么? 万 ...
相关推荐
在JavaScript中,可以通过DOM的属性来控制表单元素的disabled状态,从而使得某个输入框、按钮等元素不可访问或可访问。 当需要禁用某个HTML表单元素时,通常的代码是使用element.disabled = true。相对应的,如果想...
在JavaScript(简称js)和jQuery库中,可以方便地通过设置`disabled`属性来实现这一功能。本文将详细探讨如何使用这两种方法使按钮失效。 首先,我们来看JavaScript原生方法。JavaScript是一种广泛使用的客户端脚本...
本文详细介绍了一种在Web应用中使`select`下拉框变为只读状态但仍能正常传值的技术方案。具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够...
Disabled 的问题,今天我们将深入探讨这个问题的成因和解决方法。 首先,让我们了解 Ewebeditor 的 License 机制。Ewebeditor 的 License 是一个授权文件,用于验证用户的身份和权限。当用户安装 Ewebeditor 时,...
在Ant Design Vue这一流行的前端UI库中,`disabled`属性是一个关键特性,它允许开发者禁用用户对特定组件的操作,从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态,这在许多场景下都是...
2. **创建样式文件**:在项目的样式文件中(比如提到的`pub.js`文件),增加专门用于调整`disabled`状态样式的代码块。这里需要注意的是,根据描述中的提示,应该是在`pub.js`文件中引入了一个包含特定样式的文件,...
在本案例中,提供了一个名为"select-option-disabled-emulation.js"的JavaScript文件。这个文件的目的是为了在IE6中模拟`<option>`的`disabled`行为。通过引入这个脚本,开发者可以确保在不支持`disabled`属性的...
在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...
1. **动态设置:** 使用JavaScript动态设置`disabled`属性时,需要注意同步更新DOM中的状态。 2. **无障碍访问:** 对于无障碍访问的支持,应该为禁用的控件添加适当的提示信息,确保屏幕阅读器能够正确读取。 3. **...
2. **事件监听**:为了响应用户点击,我们需要在JavaScript中添加事件监听器。例如,`addEventListener('click', function)` 用于监听按钮的点击事件。 3. **定时器(setTimeout/Interval)**:倒计时的核心是使用`...
在ASP.NET开发中,按钮失效问题是一个常见的挑战,尤其是在页面回发(Postback)和事件处理过程中。本文将深入探讨这个问题,并提供相应的解决方案。 首先,理解ASP.NET按钮失效的常见原因至关重要。通常,按钮失效...
总结来说,使PHP中按钮失效主要依赖于JavaScript,PHP则主要负责生成必要的JavaScript代码或者处理与按钮状态相关的逻辑。在实际项目中,结合使用这两种技术可以实现更加灵活和安全的权限管理。
在Vue.js中,动态设置组件属性是常见的需求,特别是对于输入框(input)元素的`disabled`属性。`disabled`属性用于禁用一个表单元素,使得用户无法对其进行交互。在某些场景下,如编辑已有的记录时,我们可能希望...
在JavaScript中,`readonly`和`disabled`是两个用于HTML表单中控制用户交互的属性。它们虽然都能防止用户修改表单元素的内容,但具体的行为和影响却有所不同。 `readonly`属性主要应用于`<input>`(如`type="text"`...
这种情况下,我们通常会使用JavaScript来使按钮在一段时间内失效,例如5秒钟。以下是对标题和描述中提及的三种方法的详细解释。 **方法一** ```javascript function disableButton() { var button = document....
但在JavaScript中,我们可以通过编程方式触发这个提交事件。 1. **创建计时器**:JavaScript的`setTimeout`函数可以用来设置一个延时任务,例如定时提交。你需要指定一个函数和延迟时间(以毫秒为单位)。例如,...
方法如下: 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...
然而,当表单中的某些字段需要被禁用但又需提交其值到服务器时,我们可以通过JavaScript动态移除disabled属性,或者通过其他方式获取元素的值,并通过修改表单属性的方式达到提交的目的。在实现过程中,还需注意选择...
要使按钮失效,你可以通过 `getElementById` 方法获取到指定ID的按钮元素,然后设置其 `disabled` 属性为 `true`。以下是具体的代码示例: ```javascript // 获取ID为"btn"的按钮元素 var btn = document....