js 控制使FORM表单的的所有元素不可编辑

最新推荐文章于 2024-08-27 09:52:26 发布

原创最新推荐文章于 2024-08-27 09:52:26 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #表单 #function #不可编辑 #元素

IT技术同时被 3 个专栏收录

5 篇文章

订阅专栏

2 篇文章

订阅专栏

前台

2 篇文章

订阅专栏

本文介绍了一个用于页面不可编辑状态控制的JavaScript函数，该函数在页面加载时执行，实现特定元素的禁用状态。同时，还提供了一个取消不可编辑状态的函数，以确保页面元素的灵活性。通过这种方式，开发者能够更有效地管理和控制页面元素的交互行为。

//使页面不可编辑
   function disableOcx() {
       var form = document.forms[0];
       for ( var i = 0; i < form.length; i++) {
           var element = form.elements[i];
           //部分元素可以编号     element.name 是元素自定义 name
           if (element.name != "auditEntity.auditContent"
                   && element.name != "auditEntity.auditAutograph"
                   && element.name != "auditEntity.auditTime"
                   && element.name != "auditEntity.auditState"
                   && element.name != "submitBtn"
                   && element.name != "reset"
                   && element.name != "id"
                   && element.name != "processInstanceId"
                   && element.name != "updateForm") {
               element.disabled = "true";
           }
       }
   }
   window.onload = disableOcx;//当页面加载的时候执行此函数

   //取消不可编辑
   function noDisable() {
       var form = document.forms[0];
       for ( var i = 0; i < form.length; i++) {
           var element = form.elements[i];
           element.disabled = false;
       }
   }