<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>操作文本框</title>
<script src="jss/jquery-1.3.2.min.js" type="text/javascript"></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>
</html>
操作文本框
最新推荐文章于 2022-05-17 16:54:31 发布