jquery改變disabled的boolean狀態(tài)的三種方法
更新時間:2013年12月13日 16:58:42 作者:
改變disabled的boolean狀態(tài),下面為大家介紹三種比較不錯的方法,大家可以參考下
第一種:改變disabled的boolean狀態(tài),具體代碼及解釋如下:
代碼如下:
復(fù)制代碼 代碼如下:
$("button:eq(2)").click(function(){
var text2=$("input:text:eq(2)");
if(text2.attr("disabled")==false){
//通過設(shè)置disabled的boolean屬性將第三個text輸入框disabled屬性置為true
text2.attr("disabled",true);
}else{
//通過將第三個text輸入框disabled屬性置為false來移除disabled屬性
text2.attr("disabled",false);
}
});
第二種:移除disabled屬性,具體代碼及解釋如下:
代碼如下:
復(fù)制代碼 代碼如下:
$("button:eq(1)").click(function(){
var text2=$("input:text:eq(1)");
if(text2.attr("disabled")==false){
//通過設(shè)置disabled的值將第二個text輸入框置為disabled
text2.attr("disabled","disabled");
}else{
//通過移除的方式將第二個text輸入框的disable屬性刪除
text2.removeAttr("disabled");
}
});
第三種:改變disabled的值,具體代碼及解釋如下:
代碼如下:
復(fù)制代碼 代碼如下:
$("button:eq(0)").click(function(){
var text1=$("input:text:eq(0)");
if(text1.attr("disabled")==""){
// 或者text1.attr("disabled")==false
//通過設(shè)置disabled的值將第一個text輸入框置為disabled
text1.attr("disabled","disabled");
}else{
//通過覆蓋的方式將第一個text輸入框中的disabled屬性清除掉
text1.attr("disabled","");
}
});
完整的示例代碼如下(已測試通過):
代碼如下:
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> <script src="jquery的路徑引入就行了"></script>
<script type="text/javascript"><!--
$(document).ready(function () {
$("button:eq(0)").click(function () {
var text1 = $("input:text:eq(0)");
if (text1.attr("disabled") == "") {
// 或者text1.attr("disabled")==false
//通過設(shè)置disabled的值將第一個text輸入框置為disabled
text1.attr("disabled", "disabled");
} else {
//通過覆蓋的方式將第一個text輸入框中的disabled屬性清除掉
text1.attr("disabled", "");
}
});
$("button:eq(1)").click(function () {
var text2 = $("input:text:eq(1)");
if (text2.attr("disabled") == false) {
//通過設(shè)置disabled的值將第二個text輸入框置為disabled
text2.attr("disabled", "disabled");
} else {
//通過移除的方式將第二個text輸入框的disable屬性刪除
text2.removeAttr("disabled");
}
});
$("button:eq(2)").click(function () {
var text2 = $("input:text:eq(2)");
if (text2.attr("disabled") == false) {
//通過設(shè)置disabled的boolean屬性將第三個text輸入框disabled屬性置為true
text2.attr("disabled", true);
} else {
//通過將第三個text輸入框disabled屬性置為false來移除disabled屬性
text2.attr("disabled", false);
}
});
});
// --></script>
</head>
<body>
<button>disabledNull</button>
<input type="text" value="input something into me!" size="40"/>
<br/>
<button>disabledRemove</button>
<input type="text" value="input something into me!" size="40"/>
<br/>
<button>disabledState</button>
<input type="text" value="input something into me!" size="40"/>
</body>
</html>
相關(guān)文章
jQuery中animate動畫第二次點擊事件沒反應(yīng)
這篇文章主要介紹了jQuery中animate動畫第二次點擊事件沒反應(yīng)的解決方法,非常的實用,有需要的小伙伴可以參考下2015-05-05jQuery Validate表單驗證插件 添加class屬性形式的校驗
這篇文章主要介紹了jQuery Validate表單驗證插件,在class屬性中添加校驗規(guī)則進(jìn)行簡單的校驗,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01jQuery實現(xiàn)倒計時(倒計時年月日可自己輸入)
本篇文章主要對jQuery實現(xiàn)倒計時進(jìn)行了實例分析。并附上實例源碼,有興趣的朋友可以下載源碼調(diào)試運行試試看,希望對大家有所幫助2016-12-12jQuery實現(xiàn)的動態(tài)文字變化輸出效果示例【附演示與demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的動態(tài)文字變化輸出效果,采用jquery.quoterotator.min.js插件實現(xiàn)了文字動態(tài)變換顯示的功能,并附帶演示與demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03Jquery Easyui日歷組件Calender使用詳解(23)
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui日歷組件Calender的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12