叶落啼莺
- 浏览: 178659 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (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 784页面需要有这一功能，通过点击不同的按钮，在同一<div ... -
ajax异步判断网站是否可以访问到的解决方法(XMLHttpRequest)
2019-09-17 14:16 1334原文地址：https://www.cnblogs.com/ly ... -
jQuery校验上传文件格式和大小
2018-09-14 17:03 1274jQuery校验上传文件的格式和大小， <input i ... -
重置按钮
2018-09-12 16:27 485页面添加重置按钮，可用于添加页面，编辑页面（思路：先把加载后的 ... -
使用JS对中文字符串进行utf-8的Base64编码
2017-03-26 18:13 1132<!DOCTYPE html PUBLIC &quo ... -
js中使标记失效disabled，定时器
2016-12-23 09:59 716<div id="esealSubRigh ... -
计时器
2016-12-22 17:01 514jsp页面需要检测一个input框中的值，如果有变化则触发另一 ... -
数组转json，json转数组
2016-06-04 10:06 519thinkphp后台用到了将数组转成json数据传到前台htm ... -
PHP数组和Json之间的转换
2016-05-09 14:46 457引用http://www.cnblogs.com/xmphoe ... -
jQuery页面加载初始化的3种方法
2016-05-07 17:55 1700一、jQuery 页面加载初始化的方法有3种 ，页面在加载的 ... -
如何设置HTML页面自适应宽度的table(表格)（一）
2014-12-09 10:47 2596原文地址：http://blog.sin ... -
Myeclipse 安装Aptana3.2 插件
2014-07-28 17:57 519原文地址：http://www.cnbl ... -
html显示本地xml文件内容
2014-07-17 11:18 1367实现浏览本地xml文件 ... -
JQuery：常用方法一览
2014-06-04 09:36 717Attribute：$(”p”).addClass(cs ... -
prototype.js详解
2014-06-01 13:14 518prototype.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系统...