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将string类型转换int类型
Dec 09 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
Feb 16 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
浅析JavaScript 函数柯里化
Sep 08 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和ACCESS写聊天室(十)
2006/10/09 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
php源码的使用方法讲解
2019/09/26 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
javascript import css实例代码
2008/07/18 Javascript
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
2016/08/23 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
NodeJS实现客户端js加密
2017/01/09 NodeJs
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
Python中http请求方法库汇总
2016/01/06 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
python基于win32api实现键盘输入
2020/12/09 Python
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
JAVA和C++区别都有哪些
2015/03/30 面试题
个人优缺点自我评价
2014/01/27 职场文书
北体毕业生求职信
2014/02/28 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
2015出纳试用期工作总结
2014/12/12 职场文书
优秀团队申报材料
2014/12/26 职场文书
员工工作表扬信
2015/05/05 职场文书
六一亲子活动感想
2015/08/07 职场文书