首页 > 语言 > 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> 
?



发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
更多

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...
热门图片
更多
猜你喜欢的新闻
猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿 创2023年5月以来最大单周涨幅
2024-04-27 13:35:46
雷军：小米正在申请3万件专利，以提升自身的竞争力
2024-04-27 13:33:47
人参泡酒15年后竟“复活”？网友：这酒还能喝不？
2024-04-24 22:53:44
芯片股普涨！英伟达市值一夜大涨6000亿元
2024-04-23 19:32:50
面馆老板1天卖100碗刚够交房租 要卖到150碗才能实现盈利
2024-04-23 19:25:50
跌近30%！茶百道上市一小时跌没3年净利润
2024-04-23 19:13:19

疑难解答

图片精选

网友关注

关于本站 - 网上投稿 - 商务合作 - 隐私政策 - 网站地图
Copyright © 2008 - 2024 VEVB.COM. All Rights Reserved.武林网 版权所有