`

js中使标记失效disabled,定时器

阅读更多
<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>&nbsp
            <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>&nbsp
            <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秒查看一次这个值,如果有变化,然后做对应的其它操作。
分享到:
评论

相关推荐

    基于js disabled=&quot;false&quot;不起作用的解决办法

    在JavaScript中,可以通过DOM的属性来控制表单元素的disabled状态,从而使得某个输入框、按钮等元素不可访问或可访问。 当需要禁用某个HTML表单元素时,通常的代码是使用element.disabled = true。相对应的,如果想...

    js和jquery设置disabled属性为true使按钮失效

    在JavaScript(简称js)和jQuery库中,可以方便地通过设置`disabled`属性来实现这一功能。本文将详细探讨如何使用这两种方法使按钮失效。 首先,我们来看JavaScript原生方法。JavaScript是一种广泛使用的客户端脚本...

    select-disabled-传值

    本文详细介绍了一种在Web应用中使`select`下拉框变为只读状态但仍能正常传值的技术方案。具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够...

    Ewebeditor License not found. Disabled.doc

    Disabled 的问题,今天我们将深入探讨这个问题的成因和解决方法。 首先,让我们了解 Ewebeditor 的 License 机制。Ewebeditor 的 License 是一个授权文件,用于验证用户的身份和权限。当用户安装 Ewebeditor 时,...

    Ant design vue 的组件禁用属性 disabled.pdf

    在Ant Design Vue这一流行的前端UI库中,`disabled`属性是一个关键特性,它允许开发者禁用用户对特定组件的操作,从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态,这在许多场景下都是...

    web组件disabled之后灰色变亮样式调整

    2. **创建样式文件**:在项目的样式文件中(比如提到的`pub.js`文件),增加专门用于调整`disabled`状态样式的代码块。这里需要注意的是,根据描述中的提示,应该是在`pub.js`文件中引入了一个包含特定样式的文件,...

    IE6中select标签的option不能disabled的解决方案

    在本案例中,提供了一个名为"select-option-disabled-emulation.js"的JavaScript文件。这个文件的目的是为了在IE6中模拟`&lt;option&gt;`的`disabled`行为。通过引入这个脚本,开发者可以确保在不支持`disabled`属性的...

    用jquery设置按钮的disabled属性的实现代码

    在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...

    disabled属性

    1. **动态设置:** 使用JavaScript动态设置`disabled`属性时,需要注意同步更新DOM中的状态。 2. **无障碍访问:** 对于无障碍访问的支持,应该为禁用的控件添加适当的提示信息,确保屏幕阅读器能够正确读取。 3. **...

    倒计时定时器

    2. **事件监听**:为了响应用户点击,我们需要在JavaScript中添加事件监听器。例如,`addEventListener('click', function)` 用于监听按钮的点击事件。 3. **定时器(setTimeout/Interval)**:倒计时的核心是使用`...

    asp.net中的按钮失效问题

    在ASP.NET开发中,按钮失效问题是一个常见的挑战,尤其是在页面回发(Postback)和事件处理过程中。本文将深入探讨这个问题,并提供相应的解决方案。 首先,理解ASP.NET按钮失效的常见原因至关重要。通常,按钮失效...

    怎么使PHP中按钮失效的代码

    总结来说,使PHP中按钮失效主要依赖于JavaScript,PHP则主要负责生成必要的JavaScript代码或者处理与按钮状态相关的逻辑。在实际项目中,结合使用这两种技术可以实现更加灵活和安全的权限管理。

    VUE.js实现动态设置输入框disabled属性

    在Vue.js中,动态设置组件属性是常见的需求,特别是对于输入框(input)元素的`disabled`属性。`disabled`属性用于禁用一个表单元素,使得用户无法对其进行交互。在某些场景下,如编辑已有的记录时,我们可能希望...

    javascript中input中readonly和disabled区别介绍

    在JavaScript中,`readonly`和`disabled`是两个用于HTML表单中控制用户交互的属性。它们虽然都能防止用户修改表单元素的内容,但具体的行为和影响却有所不同。 `readonly`属性主要应用于`&lt;input&gt;`(如`type="text"`...

    让按钮失效5秒的js代码

    这种情况下,我们通常会使用JavaScript来使按钮在一段时间内失效,例如5秒钟。以下是对标题和描述中提及的三种方法的详细解释。 **方法一** ```javascript function disableButton() { var button = document....

    js实现定时提交表单

    但在JavaScript中,我们可以通过编程方式触发这个提交事件。 1. **创建计时器**:JavaScript的`setTimeout`函数可以用来设置一个延时任务,例如定时提交。你需要指定一个函数和延迟时间(以毫秒为单位)。例如,...

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下: 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;...

    Web表单提交之disabled问题js解决方法

    然而,当表单中的某些字段需要被禁用但又需提交其值到服务器时,我们可以通过JavaScript动态移除disabled属性,或者通过其他方式获取元素的值,并通过修改表单属性的方式达到提交的目的。在实现过程中,还需注意选择...

    js和jquery使按钮失效为不可用状态的方法

    要使按钮失效,你可以通过 `getElementById` 方法获取到指定ID的按钮元素,然后设置其 `disabled` 属性为 `true`。以下是具体的代码示例: ```javascript // 获取ID为"btn"的按钮元素 var btn = document....

Global site tag (gtag.js) - Google Analytics