- 浏览: 177766 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (202)
- AOP (1)
- Dom4j 使用简介 (1)
- eclipse (16)
- Git (1)
- hibernate (2)
- html (4)
- ha (1)
- JDBC (4)
- java (15)
- java泛型 (1)
- jsp (7)
- js&jquery (14)
- jdk (1)
- log4j (12)
- linux (23)
- maven (9)
- mysql (7)
- myeclipse (2)
- MongoDB (4)
- oracle应用 (3)
- php (6)
- struts2 (4)
- spring (10)
- svn (3)
- shell (7)
- servlet (8)
- socket (2)
- sqlite (1)
- TomCat (2)
- ThinkPHP (2)
- UltraEdit (1)
- vmware (2)
- WebService (2)
- web.xml (3)
- windows (1)
- xml (3)
- 软件应用 (2)
- 感悟 (1)
- 插件 (1)
- 非技术 (6)
- 编码 (1)
- 网络协议 (4)
- 杂谈 (2)
- 证书 (1)
- 加密 (3)
- 分布与集群 (1)
- PKI (1)
- thymeleaf (1)
- springboot (1)
- ajax (1)
最新评论
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 <input type="hidden"> 一起使用。
给元素增加和删除disabled属性
如果将外层的div加上disabled属性,里面的input框是不能修改了,但后台还能接收到值,只能将disabled属性直接加到input框上
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 <input type="hidden"> 一起使用。
<html> <body> <script type="text/javascript"> function butt(able){ if('undisabled'==able){ document.getElementById("bbb").disabled=""; }else{ document.getElementById("bbb").disabled="true"; } } </script> <form action="/example/html/form_action.asp" method="get"> <p>First name: <input id="aaa" type="text" name="fname" /></p> <p>Last name: <input id="bbb" type="text" name="lname" value="哈哈" disabled="disabled" /></p> <input onclick= "butt('disabled')" type="button" value="disabled" /> <input onclick= "butt('undisabled')" type="button" value="undisabled" /> <input type="submit" value="Submit" /> </form> <p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p> </body> </html>
给元素增加和删除disabled属性
<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>  <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>  <input id="subRightWhiteList4" name="subRightWhiteList" type="checkbox" value="14-01-04-00-00-00-00-00-00-00-00" checked="checked">签章制作</input> </p> </div> <script type="text/javascript"> function testmethod(){ alert('testmethod'); $("#subRightWhiteList1").attr("disabled","disabled"); $("#subRightWhiteList2").attr("disabled","disabled"); $("#subRightWhiteList3").attr("disabled","disabled"); $("#subRightWhiteList4").attr("disabled","disabled"); } function testmethod2(){ alert('testmethod2'); $("#subRightWhiteList1").removeAttr("disabled"); $("#subRightWhiteList2").removeAttr("disabled"); } </script>
如果将外层的div加上disabled属性,里面的input框是不能修改了,但后台还能接收到值,只能将disabled属性直接加到input框上
发表评论
-
html页面引入另一html片段,并重新加载js
2019-12-10 14:16 774页面需要有这一功能,通过点击不同的按钮,在同一<div ... -
ajax异步判断网站是否可以访问到的解决方法(XMLHttpRequest)
2019-09-17 14:16 1308原文地址:https://www.cnblogs.com/ly ... -
jQuery校验上传文件格式和大小
2018-09-14 17:03 1270jQuery校验上传文件的格式和大小, <input i ... -
重置按钮
2018-09-12 16:27 481页面添加重置按钮,可用于添加页面,编辑页面(思路:先把加载后的 ... -
使用JS对中文字符串进行utf-8的Base64编码
2017-03-26 18:13 1128<!DOCTYPE html PUBLIC &quo ... -
js中使标记失效disabled,定时器
2016-12-23 09:59 710<div id="esealSubRigh ... -
计时器
2016-12-22 17:01 509jsp页面需要检测一个input框中的值,如果有变化则触发另一 ... -
数组转json,json转数组
2016-06-04 10:06 514thinkphp后台用到了将数组转成json数据传到前台htm ... -
PHP数组和Json之间的转换
2016-05-09 14:46 453引用http://www.cnblogs.com/xmphoe ... -
jQuery页面加载初始化的3种方法
2016-05-07 17:55 1692一、jQuery 页面加载初始化的方法有3种 ,页面在加载的 ... -
如何设置HTML页面自适应宽度的table(表格)(一)
2014-12-09 10:47 2588原文地址:http://blog.sin ... -
Myeclipse 安装Aptana3.2 插件
2014-07-28 17:57 513原文地址:http://www.cnbl ... -
html显示本地xml文件内容
2014-07-17 11:18 1363实现浏览本地xml文件 ... -
JQuery:常用方法一览
2014-06-04 09:36 709Attribute:$(”p”).addClass(cs ... -
prototype.js详解
2014-06-01 13:14 516prototype.js是什么? 万 ...
相关推荐
在html标签中设置按钮被禁用,可以使用如下代码 <input type=’button’ id=’test’ value=’disabled’> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); ...
1. **动态设置:** 使用JavaScript动态设置`disabled`属性时,需要注意同步更新DOM中的状态。 2. **无障碍访问:** 对于无障碍访问的支持,应该为禁用的控件添加适当的提示信息,确保屏幕阅读器能够正确读取。 3. **...
接下来,为了确保页面加载时`select`元素处于不可编辑状态,可以使用JavaScript或jQuery来动态地设置`disabled`属性: ```javascript $(document).ready(function() { $("#postSelect").prop("disabled", true); }...
方法如下: 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...
当需要禁用某个HTML表单元素时,通常的代码是使用element.disabled = true。相对应的,如果想取消禁用状态使元素变得可用,标准的写法应该是element.disabled = false。然而,在实际的开发过程中,有些开发者可能会...
- 使用方法:同样是在HTML元素上添加`disabled`属性,例如`<input type="text" disabled>`。 两者之间的关键区别在于,`readonly`字段在提交表单时仍会传递其值,而`disabled`字段则不会。此外,`readonly`字段...
以上代码示例中,`.disabled-style`类定义了一系列针对`disabled`状态元素的样式规则,然后通过`@extend`语法(这里假设使用了预处理器如Sass/SCSS)将这些规则应用到了`input[disabled]`选择器上。实际使用时,可以...
本文将深入探讨如何使用`disabled`属性来控制超链接的可用性,并解决一些相关的技术问题。 首先,让我们来看看`disabled`属性的基本用法。在HTML中,我们可以直接在`<a>`标签中设置`disabled`属性,如下所示: ```...
使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的; readonly可以接收焦点但不能被修改,可以使用...
首先,让我们看一下 input 框的 HTML 源代码:配置项" v-bind:disabled="dataForm.id">。在这个示例中,我们使用了 Vue 的 v-bind 指令来绑定 input 框的 disabled 属性到 dataForm.id 变量上。 那么,dataForm.id ...
本文将详细介绍如何使用jQuery来设置和移除HTML表单元素的`disabled`属性,同时阐述`readonly`与`disabled`之间的区别,并提供相应的jQuery代码示例。 ### readonly属性和disabled属性的区别 1. `readonly`属性只...
在 HTML 中,可以使用以下语法来将 Input 元素设置为 Disabled 状态: ```html <input type="text" id="myInput" disabled> ``` 或者,在 JavaScript 中,可以使用以下代码来将 Input 元素设置为 Disabled 状态: ``...
根据提供的资料,解决问题的关键在于,当遇到使用disabled属性导致表单不能提交的情况时,可以采取以下步骤:首先,在表单提交的事件处理函数中,临时将disabled属性移除,使得表单提交时包含该字段的值。...
Readonly和Disabled是HTML表单中的两个重要的属性,它们都可以限制用户对表单元素的交互操作。尽管它们有共同的功能,即防止表单数据被修改,但它们之间存在着本质的区别。 首先,Readonly属性主要应用于input元素...
然而,在某些场景下,可能需要更复杂的逻辑来判断何时启用或禁用元素,这时可以使用`attr("disabled", false)`或`attr("disabled", "disabled")`,并结合条件语句进行操作。 了解和熟练运用这些方法,可以帮助...
Linux Wine使用指南是一个非常实用的主题,对于那些希望在Linux环境下运行Windows应用程序的用户来说,这是一个不可或缺的工具。Wine,全称"Windows Emulator",并非一个模拟器,而是一个兼容层,它允许Linux系统...