專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2021-12-02 09:42:17 來源：動力節點 瀏覽1133次
jquery中添加屬性和刪除屬性：
$("#2args").attr("disabled",'disabled');
$("#2args").removeAttr("disabled");
問題背景：
選擇“選項1”是，“兩個參數”這個單選按鈕有效。
選擇“選項2”時，讓“兩個參數”的這個單選按鈕無效。
代碼：
<!DOCTYPE>
<html >
<head>
<meta charset="utf-8" />
<title>demo</title>
<style type="text/css">
.control-group{
margin-bottom: 20px;
}
.controls{
display: inline-block;
vertical-align: top;
}
form{
border:1px dotted #666;
padding: 30px;
display: inline-block;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
}
</style>
<body>
<form method="post" action="" onsubmit="return false;">
<div class="control-group">
<label for="project_name">名稱:</label>
<input name="project_name" maxlength="20" id="project_name" placeholder="項目名稱"></div>
<div class="control-group">
<label>類型:</label>
<select id="project_type" onchange="typeChange()">
<option value="" disabled="disabled"></option>
<option value="" disabled="disabled">------ [ 類型一 ] ------</option>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
<option value="" disabled="disabled"></option>
<option value="" disabled="disabled">------ [ 類型二 ] ------</option>
<option value="4">選項4</option>
<option value="5">選項5</option>
<option value="6">選項6</option>
</select>
</div>
<div class="control-group">
<label>參數:</label>
<div class="controls">
<br/>
<label class="radio" for="1arg">
<input type="radio" name="nodes" id="1arg" value="1" checked="checked" />
單個參數
</label>
<br/>
<label class="radio" for="2args">
<input type="radio" name="nodes" id="2args" value="2" />
兩個參數
</label>
<br/>
<label class="radio" for="3args" >
<input type="radio" name="nodes" id="3args" value="3" disabled="disabled" />
三個參數
</label>
</div>
</div>
<div class="control-group">
<button id="create_project" type="submit" onclick="beforecreate()">新建</button>
<button >取消</button>
</div>
</form>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
function typeChange(){
var typeLists=['1','2','3','4','5','6'];
var pj_type=$("#project_type option:selected").val();
if(pj_type==2){
$("#2args").attr("disabled",'disabled');
}else if(pj_type==1){
$("#2args").removeAttr("disabled");
}else if($.inArray(pj_type, app_type_list)>=0){
//后期擴展功能
}
}
</script>
</body>
</html>
以上就是關于“對jQuery標簽進行屬性操作”的介紹，如果大家想了解更多相關知識，不妨來關注一下動力節點的Java在線學習，里面的課程內容豐富，由淺到深，通俗易懂，適合小白學習，希望對大家能夠有所幫助。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號