禁用和启用input元素

禁用 input 字段

有时你可能需要禁用表单的 submit 按钮或者某个 input 字段，直到用户执行了某些操作（例如，检查“已阅读条款”复选框）。可以添加 disabled 属性，直到你想启用它时：

$('input[type="submit"]').prop('disabled', true);

你要做的就是执行 removeAttr 方法，并把要移除的属性作为参数传入：

$('input[type="submit"]').removeAttr('disabled');

js代码：

$(function() {$(".inputText").click(function() {$(this).prop("disabled", true);});$(".inputButton").click(function(){$(".inputText").each(function() {//alert(1);$(this).removeAttr("disabled");});});});

html代码：

<input type="text" value="x" class="inputText"></input>
</br><input type="text" value="x" class="inputText"></input>
</br><input type="button" value="button" class="inputButton"></input>
</br>

css代码：

.inputText{margin:3px;padding:3px;
}

禁用和启用input元素相关推荐

input禁用样式修改 input disabled样式禁用方法及样式isabled样式禁用方法及样式
disabled 属性规定应该禁用 input 元素. 被禁用的 input 元素既不可用,也不可点击.可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等).然后, ...
HTML5 中的 input 元素的输入类型（type 属性的取值）
目录输入类型:text 输入类型:image 输入类型:reset 输入类型:password 输入类型:submit 输入类型:radio 输入类型:checkbox 输入类型:button 输入 ...
HTML5-定制input元素
下述内容主要讲述了<HTML5权威指南>第13章关于"定制input元素". input元素可以生成一个供用户输入数据的简单文本框.其缺点在于用户在其中输入什么值都可以 ...
批处理禁用、启用USB设备如此简单
之前大家都用devcon find获取硬件ID(Hardware ID)通过for+find筛选来禁用或启用设备,但其名称不固定也没规律所以任何代码都不具有相对的通用性,我也一直以来因USB设备标准所 ...
form表单中input元素readonly和disabled属性的区别：
disabled 指当input元素加载时禁用此元素,disabled=true时,无法修改内容,input内容不会随着表单被提交 readonly规定输入字段为只读,readonly=true时,页 ...
Layui两个单选按钮之间的操作禁用与启用
Layui中使用Js代码对两个单选按钮之间的禁用与启用需求是这样的: 当点击相互作用时,严重等级的单选按钮前两个禁用并默认选中"相互作用"按钮. 当点击配置禁忌时,严重等级最后一 ...
JavaScript如何获得input元素value值
转载地址:http://aquarius-zf.iteye.com/blog/605144 在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的v ...
angular学习笔记(四)- input元素的ng-model属性
input元素的ng-model属性: 用于将input的值和变量的值进行双向绑定 <!DOCTYPE html> <html ng-app> <head>< ...
计算机网络本地连接被禁用说明什么,win10系统网络被禁用重新启用本地连接的设置技巧...
win10系统使用久了,好多网友反馈说关于对win10系统win10系统网络被禁用重新启用本地连接的操作方法设置的方法,在使用win10系统的过程中经常不知道如何去对win10系统win10系统网络被 ...

禁用和启用input元素

禁用 input 字段

禁用和启用input元素相关推荐

最新文章

热门文章