jquery判断按钮是否被点击过

快乐打工仔 分类:实例代码

本章节分享一段代码实例,它实现了判断一个按钮是否被点击过的功能。

下面就通过代码实例做一下简单介绍:

<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>犀牛前端部落</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function () {
  $("input").click(function () {
    if ($(this).attr("done") == undefined) {
      $(this).attr("done", "true");
      return;
    }
    else {
      $("div").text($(this).val()+"已经点击过了");
    }
  })
})
</script>
</head>
<body>
<input type="button" value="一"/>
<input type="button" value="二"/>
<input type="button" value="三"/>
<div></div>
</body>
</html>

给按钮一个标记,用来标识当前按钮是否已经被点击过。

相关阅读:

(1).attr()可以参阅jQuery attr()一章节。

(2).text()可以参阅jQuery text()一章节。

jquery判断按钮是否被点击过,这样的场景在实际项目中还是用的比较多的,关于jquery判断按钮是否被点击过就介绍到这了。

jquery判断按钮是否被点击过属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容