表单修改时取消disabled snippet

边中之城

于 2023-12-06 21:00:06 发布

阅读量359

点赞数 6

CC 4.0 BY-SA版权

分类专栏：使用方法文章标签： javascript 前端

40 篇文章

订阅专栏

本文介绍了如何在开发过程中，通过浏览器控制台临时解除表单中某些不可更改字段（如用户名）的锁定状态，方法一是设置disabled属性为false，方法二是删除disabled属性。适用于前端权限控制下的场景。

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

前言

有时候开发，表单编辑时有些字段不可更改，比如用户管理的用户名，修改时不可编辑。但是有时候就会有这么一种情况，希望他修改时也可编辑。所以就可以在浏览器–控制台里面写一个snippet，修改时运行。
当然，这种仅限于编辑权限在前端控制的情况下

找到element，disabled设为false

let nodeList=document.querySelectorAll('[disabled="disabled"]');
nodeList.forEach(node=>node.disabled=false);

找到element，删除disabled属性

setInterval(()=>{
   document.querySelectorAll('[disabled="disabled"]').forEach(dom=>dom.removeAttribute('disabled'))
},0)

在浏览器中设置snippets，右键–> run
在这里插入图片描述