jquery中添加屬性和刪除屬性
jquery中添加屬性和刪除屬性:
$("#2args").attr("disabled",'disabled');
$("#2args").removeAttr("disabled");
問(wèn)題背景:
選擇“選項(xiàng)1”是,“兩個(gè)參數(shù)”這個(gè)單選按鈕有效。
選擇“選項(xiàng)2”時(shí),讓“兩個(gè)參數(shù)”的這個(gè)單選按鈕無(wú)效。
代碼:
<!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="項(xiàng)目名稱"></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">選項(xiàng)1</option> <option value="2">選項(xiàng)2</option> <option value="3">選項(xiàng)3</option> <option value="" disabled="disabled"></option> <option value="" disabled="disabled">------ [ 類型二 ] ------</option> <option value="4">選項(xiàng)4</option> <option value="5">選項(xiàng)5</option> <option value="6">選項(xiàng)6</option> </select> </div> <div class="control-group"> <label>參數(shù):</label> <div class="controls"> <br/> <label class="radio" for="1arg"> <input type="radio" name="nodes" id="1arg" value="1" checked="checked" /> 單個(gè)參數(shù) </label> <br/> <label class="radio" for="2args"> <input type="radio" name="nodes" id="2args" value="2" /> 兩個(gè)參數(shù) </label> <br/> <label class="radio" for="3args" > <input type="radio" name="nodes" id="3args" value="3" disabled="disabled" /> 三個(gè)參數(shù) </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){ //后期擴(kuò)展功能 } } </script> </body> </html>
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jQuery下擴(kuò)展插件和拓展函數(shù)的寫法(匿名函數(shù)使用的典型例子)
這些年,javascript火起來(lái)了,主要?dú)w功于AJAX的推廣應(yīng)用,Web2.0的發(fā)展。。。于是,出現(xiàn)了很多的javascript框架。2010-10-10jquery html添加元素/刪除元素操作實(shí)例詳解
這篇文章主要介紹了jquery html添加元素/刪除元素操作,結(jié)合實(shí)例形式詳細(xì)分析了jquery html添加元素/刪除元素相關(guān)函數(shù)功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05簡(jiǎn)單的代碼實(shí)現(xiàn)jquery定時(shí)器
項(xiàng)目遇到一個(gè)消息的模塊,在導(dǎo)航條最上面.想實(shí)現(xiàn),當(dāng)收到消息的時(shí)候能夠及時(shí)的刷新,顯示收到消息的條數(shù),下面為大家介紹兩種不錯(cuò)的方法,感興趣的朋友可以參考下2014-01-01jquery數(shù)據(jù)驗(yàn)證插件(自制,簡(jiǎn)單,練手)實(shí)例代碼
最近項(xiàng)目中js數(shù)據(jù)驗(yàn)證比較多,為了統(tǒng)一風(fēng)格,移植復(fù)用,于是順手封裝了Jquery的插件2013-10-10jQuery中用on綁定事件時(shí)需注意的事項(xiàng)
本篇文章主要介紹了jQuery中用on綁定事件時(shí)需注意的事項(xiàng),具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03仿當(dāng)當(dāng)網(wǎng)淘寶網(wǎng)等主流電子商務(wù)網(wǎng)站商品分類導(dǎo)航菜單
本文實(shí)現(xiàn)了一個(gè)分類導(dǎo)航的菜單,和大多數(shù)流行的電子商務(wù)網(wǎng)站類似,詳細(xì)的實(shí)現(xiàn)可以直接查看源代碼.所有的代碼都在一個(gè)sidebar.html文件中2013-09-09