jquery判斷按鈕是否被點選過

antzone發表於2017-04-18

本章節分享一段程式碼例項,它實現了判斷一個按鈕是否被點選過的功能。

下面就通過程式碼例項做一下簡單介紹:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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()一章節。

相關文章