jQuery實現動態設定按鈕是否可用

admin發表於2017-03-30

在實際應用中,可能有這樣的需求,需要根據實際情況動態的決定按鈕是否可用。

使用css設定按鈕不可用,可以使用如下程式碼:

[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 type="text/javascript"> 
$(document).ready(function(){
  $("input[type=button]").attr("disabled","true");
});
</script>
</head>
<body>
<input type="button" value="檢視效果"/>
</body>
</html>

上面的程式碼實現將按鈕設定為不可用的狀態,如果設定可用,那麼只要移除disabled屬性即可。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$("input[type=button]").removeAttr("disabled")

相關文章