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 相关文章推荐
关于javascript中的parseInt使用技巧
Sep 03 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
vue实现微信获取用户信息的方法
Mar 21 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录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP会话处理的10个函数
2015/08/11 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
让Firefox支持event对象实现代码
2009/11/07 Javascript
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
一个简单的Ext.XTemplate的实例代码
2012/03/18 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
JavaScript中的闭包
2016/02/24 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
2019/03/19 jQuery
js利用拖放实现添加删除
2020/08/27 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
python如何实现反向迭代
2018/03/20 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
大专毕业自我鉴定
2014/02/04 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
志愿者活动总结报告
2014/06/27 职场文书
就业协议书样本
2014/08/20 职场文书
国际贸易实训报告
2014/11/05 职场文书
建议书范文
2015/02/05 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
会议简报格式范文
2015/07/20 职场文书
总经理年会致辞
2015/07/29 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers