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对标签属性操作的更多相关文章

  1. jQuery attr removeAttr 属性操作

    jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...

  2. jquery 学习(二) - 属性操作

    html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input t ...

  3. jQuery对象的属性操作

    jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...

  4. jQuery 获取标签属性值的问题

    jquery attr()无法获取属性值问题 css里明明已经设置过了: 可还是获取不了: 求指导.   一定是undefined,attr是用来获得或设置标签属性的,不是用来获得CSS属性的.如果你 ...

  5. DOM对象之查找标签&属性操作

    HTML DOM (文档对象模型) DOM(Document Object Model)是一套对文档的内容进行抽象和概念化的方法. JavaScript对DOM进行了实现,对应于JavaScript中 ...

  6. jQuery原生框架-----------------属性操作

    // 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 i ...

  7. jQuery基本的属性操作

    attr和prop,prop常用来操作标签的固有属性,比方说checkbox的checked属性.select的selected属性,而attr常用来操作我们自己给标签添加的属性. $('div'). ...

  8. jquery中attr属性操作

  9. jquery中val属性操作

随机推荐

  1. Xamarin 手动安装步骤+破解（最新版Xamarin V3）

    Create native iOS, Android, Mac and Windows apps in C#. 看到这句话,你就知道Xamarin是什么了,对于C#开发者,这样的标语还是会让你激动一下 ...

  2. 用css 制作三角

    html代码: <div class="div"></div> css代码: .div{ border-top:40px solid #ff0077; bo ...

  3. hibernate 入门（[数据访问中间件] 开源框架）

    1.内容:  hibernate 也是一个经典的[数据访问中间件] 开源框架.    2.hibernate核心组件       SessionFactory[整个数据的操作]重量级组件       ...

  4. 从零开始，做一个NodeJS博客（三）：API实现-加载网易云音乐听歌排行

    标签: NodeJS 0 研究了一天,翻遍了GitHub上各种网易云API库,也没有找到我想要的听歌排行API,可能这功能比较小众吧.但收获也不是没有,在 这里 明白了云音乐API加密的凶险,我等蒟蒻 ...

  5. SAP打印机配置

    SAP打印机配置 一.SAP打印原理 SAP的打印过程分两个步骤: 1.创建假脱机请求: 2.创建输出请求: 在点击打印按钮后,系统会提示创建假脱机请求后,你可以选择直接生成输出请求,或者手动生成输出 ...

  6. UITextView: 响应键盘的 return 事件（收回键盘）

    UITextView: 响应键盘的 return 事件(收回键盘) 此篇文章将要介绍UITextView: 响应键盘的 return 事件(收回键盘)的相关介绍,具体实例请看下文 UITextView ...

  7. java field, property,variable及getField和getDeclaredField的区别

    java 里面的field ,property, attribute,variable的区别 field: 就是定义的用于保存数据的字段 property: property是用于描述类中的特征,所以 ...

  8. iOS关于菜单滚动视图实现

    菜单滚动视图也是在项目开发过程中比较常用到的功能,先直接看效果图 实现的效果如下: 当菜单个数的总长度超过一个屏宽度就计算每一个的文字宽度,若没有则只进行一个屏平分,点击菜单项时,滚动的视图位置会随着 ...

  9. iOS开发 JSonKit does not support Objective-C Automatic Reference Counting(ARC)

    有使用JSonKit的朋友,如果遇到“JSonKit does not support Objective-C Automatic Reference Counting(ARC)”这种情况,可参照如下 ...

  10. 【问题排查记录】Field 'id' doesn't have a default value;

    错误信息: org.springframework.dao.DataIntegrityViolationException: StatementCallback; SQL [delete from t ...