jQuery 点击按钮改变可用状态和显示文本
在实际应用汇总,可能大家见过这样的效果。
当点击一个按钮之后,按钮就会被设置为不可用的状态,并且按钮的上的显示文字也会改变。
下面就通过实例代码介绍一下如何实现此功能。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("form").submit(function(){
$("#buttonid").val("实例");
$("#buttonid").attr("disabled", "disabled");
});
})
</script>
</head>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
</body>
</html>
上述代码对功能进行了简单的演示。
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
jQuery ajax请求代码实例分享
关于jQury的jx请求的具体概念什么的这里就不多介绍了。下面就分享极端关于应用的相关实例代码。代码实例一:$.jx(/ROUT, { ty: GT d: {rm1:
-
jquery实现的通过左右方向键控制翻页效果代码实例
使用左右方向键控制翻页效果也算是一种比较人性化的功能。其实代码也非常的简单,由于这里无法演示,只给出核心的代码片段。应该没有什么难度,需要的朋友可以做一下参考。一.jQury代码如下:$(docum
-
jquery实现的滑动轴效果代码实例
本章节分享一段代码实例,它实现了使用鼠标鼠标拖动元素滑动效果。也就是滑动轴效果,并且能够选取数字,代码实例如下:ut
-
js动态创建文本框代码实例
本章节介绍一下如何动态的创建文本框,代码非常的简单。代码如下: r
-
文本框失去焦点即刻进行表单验证代码实例
大家可能都见过这样的表单验证效果,当填写完当前文本框焦点离开后会立马进行表单验证。下面就通过代码实例介绍一下如何实现此功能。代码如下: