jquery设置表单元素为不可用的简单代码


Posted in Javascript onJuly 04, 2016

本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://3water.com/" /> 
<title>三水点靠木</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
 $("#webname").prop("disabled","disabled"); 
 $("#bt").prop("disabled","disabled"); 
}) 
</script> 
</head> 
<body> 
网站名称:<input type="text" id="webname"/><br/> 
三水点靠木<input type="button" value="查看效果" id="bt"/> 
</body> 
</html>

以上代码通过prop()函数设置表单元素的disabled属性即可。

以上这篇jquery设置表单元素为不可用的简单代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用apply方法处理数组的三个技巧[译]
Sep 20 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
javascript中的this详解
Dec 08 Javascript
详解javascript遍历方式
Nov 11 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 13 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 #Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 #Javascript
实用jquery操作表单元素的简单代码
Jul 04 #Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 #Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 #Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 #Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 #Javascript
You might like
PHP常用函数小技巧
2008/09/11 PHP
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
基于PHP文件操作的详解
2013/06/05 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
JavaScript字符串_动力节点Java学院整理
2017/06/27 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
微信小程序实现侧边栏分类
2019/10/21 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
使用Python3制作TCP端口扫描器
2017/04/17 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
分析python请求数据
2018/08/19 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
使用phonegap检测网络状态的方法
2017/03/30 HTML / CSS
读书活动总结范文
2014/04/26 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
Win11 引入 Windows 365 云操作系统,适应疫情期间混合办公模式:启动时直接登录、模
2022/04/06 数码科技