麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

jquery中添加屬性和刪除屬性

2024-05-06 16:21:14
字體：大 中 小
來源：轉載
供稿：網友
本文給大家介紹的是jquery中添加屬性和刪除屬性的方法和具體的示例，有需要的小伙伴可以參考下
 

jquery中添加屬性和刪除屬性：

 

復制代碼代碼如下:

$("#2args").attr("disabled",'disabled');
$("#2args").removeAttr("disabled");

 

問題背景：

選擇“選項1”是，“兩個參數”這個單選按鈕有效。

選擇“選項2”時，讓“兩個參數”的這個單選按鈕無效。

代碼：
 

  1. <!DOCTYPE> 
  2. <html > 
  3. <head> 
  4.  <meta charset="utf-8" /> 
  5.  <title>demo</title> 
  6.  <style type="text/css"> 
  7. .control-group{ 
  8.  margin-bottom: 20px; 
  9. } 
  10. .controls{ 
  11.  display: inline-block; 
  12.  vertical-align: top; 
  13. } 
  14. form{ 
  15.  border:1px dotted #666; 
  16.  padding: 30px; 
  17.  display: inline-block; 
  18. } 
  19. input[disabled], 
  20. select[disabled], 
  21. textarea[disabled], 
  22. input[readonly], 
  23. select[readonly], 
  24. textarea[readonly] { 
  25.  cursor: not-allowed; 
  26. } 
  27.  </style> 
  28. <body> 
  29.  <form method="post" action="" onsubmit="return false;"> 
  30.   <div class="control-group"> 
  31.    <label for="project_name">名稱:</label> 
  32.    <input name="project_name" maxlength="20" id="project_name" placeholder="項目名稱"></div> 
  33.   <div class="control-group"> 
  34.    <label>類型:</label> 
  35.    <select id="project_type" onchange="typeChange()"> 
  36.     <option value="" disabled="disabled"></option> 
  37.     <option value="" disabled="disabled">------  [ 類型一 ]  ------</option> 
  38.     <option value="1">選項1</option> 
  39.     <option value="2">選項2</option> 
  40.     <option value="3">選項3</option> 
  41.     <option value="" disabled="disabled"></option> 
  42.     <option value="" disabled="disabled">------  [ 類型二 ]  ------</option> 
  43.     <option value="4">選項4</option> 
  44.     <option value="5">選項5</option> 
  45.     <option value="6">選項6</option> 
  46.    </select> 
  47.   </div> 
  48.   <div class="control-group"> 
  49.    <label>參數:</label> 
  50.    <div class="controls"> 
  51.     <br/> 
  52.     <label class="radio" for="1arg"> 
  53.      <input type="radio" name="nodes" id="1arg" value="1" checked="checked" /> 
  54.      單個參數 
  55.     </label> 
  56.     <br/> 
  57.     <label class="radio" for="2args"> 
  58.      <input type="radio" name="nodes" id="2args" value="2" /> 
  59.      兩個參數 
  60.     </label> 
  61.     <br/> 
  62.     <label class="radio" for="3args" > 
  63.      <input type="radio" name="nodes" id="3args" value="3" disabled="disabled" /> 
  64.      三個參數 
  65.     </label> 
  66.    </div> 
  67.   </div> 
  68.   <div class="control-group"> 
  69.    <button id="create_project" type="submit" onclick="beforecreate()">新建</button> 
  70.    <button >取消</button> 
  71.   </div> 
  72.  </form> 
  73.  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> 
  74.  <script type="text/javascript"> 
  75. function typeChange(){ 
  76.  var typeLists=['1','2','3','4','5','6']; 
  77.  var pj_type=$("#project_type option:selected").val(); 
  78.  if(pj_type==2){ 
  79.   $("#2args").attr("disabled",'disabled'); 
  80.  }else if(pj_type==1){ 
  81.   $("#2args").removeAttr("disabled"); 
  82.  }else if($.inArray(pj_type, app_type_list)>=0){ 
  83.   //后期擴展功能 
  84.  } 
  85. } 
  86. </script> 
  87. </body> 
  88. </html> 
?

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 色播视频网站 | 九九视频在线观看黄 | 国产papa| 一级做a爱片性色毛片 | 久久毛片| 久草在线手机视频 | 动漫孕妇被羞羞视频 | 粉嫩粉嫩一区二区三区在线播放 | 在线成人免费观看 | 免费国产网站 | 亚洲成人在线视频网 | 黄网站色成年大片免费高 | 亚洲午夜在线 | 91精品国产综合久久久动漫日韩 | 99综合视频 | 四虎久草 | 狠狠干天天操 | 一区二区三区日韩在线观看 | 久久国产精品小视频 | 成人国产精品久久久 | 91久久久久久久久久久久久久 | 久久国产精品二国产精品中国洋人 | 毛片视频网站在线观看 | 亚洲第一成人久久网站 | 91精品国产九九九久久久亚洲 | 爱高潮www亚洲精品 chengrenzaixian | 日本欧美一区二区三区视频麻豆 | 思思久而久而蕉人 | www69xxxxx| 精品一区二区三区在线观看视频 | 国产午夜精品久久久久久免费视 | 久久吊 | 国产亚洲精品久久久久5区 男人天堂免费 | 免费看成人av | 久久影片 | 超碰97国产在线 | 成人午夜精品 | 精品一区二区在线观看视频 | 激情视频在线播放 | 成人444kkkk在线观看 | 福利在线小视频 |