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. java多线程-同步块

    Java 同步块(synchronized block)用来标记方法或者代码块是同步的.Java 同步块用来避免竞争.本文介绍以下内容: Java 同步关键字(synchronzied) 实例方法同步 ...

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

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

  3. jQuery jquery.windy 快速浏览内容

    在线实例 效果一 效果二 效果三 使用方法 <div class="container">     <section class="main" ...

  4. 学习 Mobile App 网站制作的11个优秀案例

    我喜欢收集美丽的,精心设计的移动应用程序网站.在我看来,为 App 提供一个美丽的网站显示了设计者和开发者对它的用户和产品的关心,除了开发应用程序,他们去加倍努力去促进应用和传播关于它的 App. 我 ...

  5. Java Web 三层架构详解

    java 三层架构ssh 一个spring2.5+hibernate3.2+struts2.0组合框架,使用spring的 IoC来管理应用的 所有bean,包括struts2的 action,充分发 ...

  6. github-ssh

        # lsb_release -a    No LSB modules are available.    Distributor ID:    Ubuntu    Description:   ...

  7. Android UI线程和非UI线程

    Android UI线程和非UI线程 UI线程及Android的单线程模型原则 当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这 ...

  8. 设置UIImage的渲染模式：UIImage.renderingMode

    设置UIImage的渲染模式:UIImage.renderingMode 着色(Tint Color)是iOS7界面中的一个.设置UIImage的渲染模式:UIImage.renderingMode重 ...

  9. Vysor:在电脑里控制你的安卓手机

    Vysor是一款可以使用电脑操作安卓手机的谷歌浏览器插件,在chrome中安装了Vysor插件以后,用户就可以使用电脑打开手机的屏幕,在手机的屏幕界面中,用户不仅可以观看,甚至可以使用电脑直接操作手机 ...

  10. eclipse出现感叹号的解决办法

    当eclipse导入项目出现红叉但无提示错误时,去看:1>菜单路径----Window/Show View/Console2>菜单路径----Window/Show View/Error ...