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

最新推荐文章于 2023-03-10 20:59:33 发布

最新推荐文章于 2023-03-10 20:59:33 发布 · 585 阅读

文章标签：

#disabled #定时器

js&jquery 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了如何使用JavaScript来控制HTML中Checkbox的状态，包括使Checkbox失效和移除失效状态的方法，并介绍了一个利用定时器监控特定输入节点值的变化以执行相应操作的技术方案。

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


<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>

[size=medium]
发现个问题，如果将disabled属性直接加在<div id="esealSubRight_cbx">上，div中的input框是点不了了，可是后台还能接收到对应的值。
于是将disabled属性加到逐个的input框上去，这样input即点不了，后台也接收不到值了。
如何用js使input框失效？
$("#subRightWhiteList1").attr("disabled","diabled"); （使失效）
$("#subRightWhiteList1").removeAttr("disabled"); （去掉失效）
[/size]


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); 
}

[size=medium]
window.setInterval("timer()",500); 此处为一个定时器，每0.5秒执行一次timer()函数。
此处为什么用到定时器？
right.id节点是这样的： <input id="right.id" name="role.rights" type="hidden" />
这个节点的值如果变化的话，我会执行以下其它的操作，刚开始想到用onchange等属性，后来发现它们不能监控js等程序赋值带来的变化，所以就想到使用定时器，每隔0.5秒查看一次这个值，如果有变化，然后做对应的其它操作。
[/size]