操作文本框

最新推荐文章于 2021-12-16 12:25:03 发布

BTS__TING

最新推荐文章于 2021-12-16 12:25:03 发布

阅读量242

点赞数

本文链接：https://blog.csdn.net/BTS__TING/article/details/103170507

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>操作文本框</title>
		<script type="text/javascript"src="js/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		用户名：<input type="text" name="testInput" id="testInput"><br/><br/>
		<input type="submit" name="vbtn" id="vbtn" value="提交"><br/><br/>
		<input type="button" name="dbtn" id="dbtn" value="修改"><br/><br/>
		<script>
			$(document).ready(function(){
				$("#vbtn").click(function(){
					if($("#testInput").val()!=""){
						alert($("#testInput").val());                    //弹出文本框的值
						$("#testInput").attr("disabled","disabled");     //将文本框变为不可编辑状态
					}else{
						alert("请输入文本内容！");
						$("#testInput").focus();                         //将焦点设置到文本框处
						return false;
					}
				});
				$("#dbtn").click(function(){
					if($("testInput").attr("disabled")=="disabled"){
						$("#testInput").removeAttr("disabled");          //移除文本框的disabled属性
					}
				});
			})
		</script>
	</body>
<ml>

BTS__TING

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
操作文本框

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作文本框</title> <script type="text/javascript"src="js/jquery-1.11.1.min.js"></script> ...
复制链接

扫一扫

操作文本框

“相关推荐”对你有帮助么？