移除input、Select的禁用

最新推荐文章于 2023-04-12 15:01:32 发布
最新推荐文章于 2023-04-12 15:01:32 发布
阅读量879 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44588757/article/details/98842957
版权

移除input、Select的禁用
输入框、下拉框这些在我们平时生活中用的也非常多，一些填写数据选择数据这些都是非常常见的，这次我做的项目就遇到了需要点击后再移除框的禁用，从而达到避免不小填错。一般情况下这些东西都是正常使用但在有些时候我们不想要用户去修改或者填写的一些数据我们该怎样去进行一个操控，这个其实也非常的简单我们只要进行相关的一个属性控制就行了。
首先看一下效果图
禁用状态
在这里插入图片描述
解除禁用状态
在这里插入图片描述
所以今天要实现的效果就是通过点击事件进行一个解除input、Select的禁用模式
代码图：
在这里插入图片描述
removeAttr(disabled) 方法就是从被选元素中移除属性
在这里我们主要实现这些功能的解除禁用主要就是一个对象RemoveAttr，RemoveAttr它就是对HTML属性的一个操作，它可以改变属性的值，设置属性的值，从而达到你需要在什么时候有一个什么效果。
也得在input、Select里面添加一个Remoudisabled来调用
在这里插入图片描述
在这里插入图片描述

阿华°
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
使用css禁用input、checkbox、select等html控件实现disable效果
09-24
在网页设计和开发过程中，经常会遇到需要禁用某些表单控件（如input、checkbox、select等）的需求。通过使用CSS（层叠样式表），我们可以轻松地给这些控件添加禁用效果，而无需借助JavaScript代码。这种禁用状态通常...
如何利用jquery来给input或者select控件添加或删除disabled属性全部方法总结
diguanming8054的博客
05-24 792
前段时间，做了一个前端页面用到了jquery来来添加或者删除input和select控件的disabled属性，具体总结如下： 1.以下二种方法是可以为input添加disabled属性的方法：//两种方法设置disabled属性 $('#selectId').attr("disabled",true); $('#selectId').attr("disabled","disabled...
jquery input标签的禁用和启用disabled
北斗星的爱886的博客
06-18 1万+
定义和用法 disabled 属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 注释：disabled 属性无法与 一起使用。 实例 通过为radio按钮添加点击事件，进行启用或禁用input。 HTML： <h3>疫情防控个人信息</h3> 有武
HTML中Input输入框提示/设置禁用/自动获取焦点
热门推荐
xiaokangmiclong的博客
10-28 3万+
方法一： 搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" /> 方法二：<input type="text" placeholder="搜索"  /> 方法三：写js代码： 搜索" /> <script language="JavaScript
js 禁用和解除禁用按钮_JavaScript如何来禁用按钮？
weixin_30990711的博客
01-27 2万+
JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能。那么如何使用javascript来禁用按钮、让按钮不可点击？下面本篇文章就来给大家介绍一下。在JavaScript中，可以为button按钮添加上disabled属性来禁用按钮。disabled属性规定应该禁用input/button元素，只要在标签中添加属性disabled="true...
HTML中使用javascript解除禁止input输入框代码：
weixin_34310785的博客
10-07 672
转：表单中Readonly和Disabled的区别 参考资料： disabled和readonly区别： 参考博文1地址：http://blog.csdn.net/symgdwyh/article/details/5342937 两种属性的写法如下：   1、&lt;input type="text" name="name" value="xxx" disabled="true...
BootStrap模态框和select2合用时input无法获取焦点的解决方法
08-29
然而，实践证明，这种方法可能并不奏效，因为即使禁用了`enforceFocus`，Select2的input仍然无法获取焦点。因此，通常推荐使用第一种方法。 总结来说，当Bootstrap模态框和Select2插件同时使用时，若遇到input无法...
解决select2在bootstrap modal中不能正常使用的问题
10-18
具体做法是在Bootstrap的源文件中找到$.fn.modal.Constructor.prototype.enforceFocus方法，并在其内部插入一个空函数，这样做可以禁用强制焦点功能，让select2正常获取焦点。具体代码示例如下： ```javascript $....
html5的input的required使用中遇到的问题及解决方法
09-27
在提交后重新启用这些元素，例如使用jQuery：`$(["input:hidden, textarea:hidden, select:hidden"]).attr("disabled", true)`和`attr("disabled", false)`。 **产生原因** Chrome浏览器在表单提交时，会尝试聚焦...
select标记美化--JS式插件、后期加载
10-27
为了美化<select>元素，可以创建一个<input>元素，该元素具有与原<select>相同的宽度、禁用状态和初始值。使用jQuery的attr()方法复制这些属性，并用insertAfter()方法将其插入DOM，紧跟在原<select>元素之后。 ###...
2021-06-24 layui中多个下拉列表间的禁选和取消禁选
ZT1090258642的博客
06-24 916
现有大项、分项、小项三个下拉列表，实现功能：默认分项、小项是禁选，在大项选择之后分项取消禁选，分项选择之后小项取消禁选 1.添加 lay-filter="sportsTypeParent" div class="layui-inline layui-col-md3"> <label class="layui-form-label">运动大项<span style="color: red;".
前端页面，input框禁用编辑的三种方法
旗袍不开、怎么得胜？
05-27 1861
1.disabled 被禁用的 input 元素，*不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。*设置后文字的颜色会变成灰色。 <input type="text" disabled="disabled" /> *disabled 属性无法与 一起使用。 2、readonly unselectable=‘on’。 该属性跟disable类似，input 元素，*不可编辑，不可复制，不可选择，不能接收焦点，*设置后文字的颜色也会变成灰色，但是后台可以接收到传值。 <
前端 解决input框被禁用后无法添加点击事件的bug 简单易懂，快来围观
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
04-12 3279
解决input框被禁用后无法添加点击事件的bug 简单易懂，快来围观
设置 取消input的disabled属性 getattribute(),setAttribute(),removeattribute()用法
aqxiebin的专栏
08-24 6875
<br /><script language="javascript" type="text/javascript"> <br /> function enabledisable() <br /> { <br /><br /> if(input.getAttribute('disabled')) <br /> { <br /> input.removeAttribute('disabled'); <br /> document.getElementById('enadisinp').
解决取消input标签中disabled属性
amy540821的博客
02-05 4859
<input type="button" value="提交" class="submit" style="color: black; background-color: rgb(223, 223, 223);" disabled="disabled"> 　　做了一个button，需要设置它的disable属性，规定什么时候可以点，什么时候不可以点。 ...
使用jquery 设置input框的属性：设置disabled、取消disabled、checked 等
徊忆羽菲
11-15 3042
使用jquery 设置input框的属性：设置disabled、取消disabled、checked 等两种方法设置disabled属性三种方法移除disabled属性 两种方法设置disabled属性 $('#qipa250Select').attr("disabled",true); $('#qipa250Select').attr("disabled","disabled"); 三种方法移...
使input文本框不可编辑的方法
weixin_30814329的博客
10-16 3998
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<input type="text" disabled="disabled" /> read...
禁用和启用input元素
qq_15325579的博客
03-08 6258
禁用 input 字段 有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。可以添加 disabled 属性，直到你想启用它时： $('input[type="submit"]').prop('disabled', true); 你要做的就是执行 removeAttr 方法，并把要移除的属性作为参数传入：
webApp中实现input的禁止输入和取消禁止输入
u011814926的专栏
01-29 1万+
本文纯属个人碰到难题解决方法的记录。最近在修改一个用phoneGap搭建的html5的webApp，各种不兼容问题搞得头大。由于我是初学者，以前也没有怎么接触过html5和jquery mobile，添加的控件什么在HBuilder调试好好地，放到ADT下就各种出问题。今天记录一个问题：如何实现在A情况下点击input禁止输入，B情况下点击input可以输入。首先，这是两个input输入框代码：&...
el-select移除的值
最新发布
08-30
el-select组件在移除值时，可以通过以下方法实现： 1. 使用v-model指令绑定一个数据属性，作为el-select的选中值。 ```vue <el-select v-model="selectedValue"> v-for="item in options" :key="item.value...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值