jQuery 中可以通过 attr() 方法设置表单元素 disabled 属性的属性值为 disabled 来禁用表单元素. disabled 属性规定应该禁用 input 元素.
jQuery 禁用表单元素的方法介绍:
attr() 方法设置或返回被选元素的属性和值. 当该方法用于返回属性值, 则返回第一个匹配元素的值. 当该方法用于设置属性值, 则为匹配元素设置一个或多个属性 / 值对.
disabled 属性规定应该禁用 input 元素.
被禁用的 input 元素既不可用, 也不可点击. 可以设置 disabled 属性, 直到满足某些其他的条件为止 (比如选择了一个复选框等等). 然后, 就需要通过 JavaScript 来删除 disabled 值, 将 input 元素的值切换为可用.
示例:
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <HTML>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>jQuery 禁用输入内容 </title>
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js">
- </script>
- <script type="text/javascript">
- $(function(){
- $("#name").attr("disabled","disabled");
- $("#note").attr("disabled","disabled");
- $("#submitBtn").attr("disabled","disabled");
- })
- </script>
- </head>
- <body>
- 姓名:<input type="text" id="name" name="name"><br/>
说明:<textarea rows="10" cols="30" id="note" name="note"></textarea> <br/>
- <button id="submitBtn">
- 提交
- </button>
- </body>
- </HTML>
效果如下:
前端开发学习 https://www.html.cn/ 请关注 HTML 中文网
来源: http://www.css88.com/qa/jquery/18182.html