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. C#如何定制Excel界面并实现与数据库交互

    Excel是微软办公套装软件的一个重要的组成部分,它可以进行各种数据的处理.统计分析和辅助决策操作,广泛地应用于管理.统计财经.金融等众多领域.(另外,Excel还是伦敦一所会展中心的名称)..NET ...

  2. Node.js Web 开发框架大全《路由篇》

    这篇文章与大家分享优秀的 Node.js 路由(Routers)模块.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用 ...

  3. 请使用java来构造和遍历二叉树？

    [分析] 二叉树的结构:根节点.左子树.右子树.其中左子树的值必须小于根节点,右子树的值必须大于根节点.构造这种树结构,就是创建一个类,并提供一个方法,当给定一个值时,它能够自动创建节点并自动挂到二叉 ...

  4. 闭包和this

    一.闭包 最开始理解闭包是在一个函数内部定义一个函数,可以在外面的环境里进行调用.现在对于闭包的理解是利用函数来保存作用域内的对象. 理解闭包首先要理解执行上下文,变量对象,活动对象,作用域链.因为执 ...

  5. go语言常用函数：cap

    cap()函数返回的是数组切片分配的空间大小.//http://www.cnblogs.com/osfipin/. package main import "fmt" func m ...

  6. 轻松掌握：JavaScript状态模式

    状态模式 状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类. 状态模式的使用场景也特别明确,有如下两点: 一个对象的行为取决于它的状态,并且它必须在运行 ...

  7. Javascript的历史

    阅读了JavaScript dom简史,从网上看了下,学问很深啊. 首先简单说下网景公司(Netscape)的发展史:1993年,美国国家超级计算机应用中心(NCSA),发表了一个浏览器,命名为“Mo ...

  8. CXF：通过WebService上传文件，包括大文件的处理

    参考网上文章,用CXF发布上传文件接口,并上传大文件的测试. 框架:spring3.1+cxf2.7.6 1.定义文件类实体 import javax.activation.DataHandler; ...

  9. Sql Server 2008 数据库附加失败提示9004错误解决办法

    附加数据库 对于 服务器“WSS_Content”失败.  (Microsoft.SqlServer.Smo)执行 Transact-SQL 语句或批处理时发生了异常. (Microsoft.SqlS ...

  10. Microsoft Azure 的负载平衡器的Session Sticky

    Microsoft Azure 的负载平衡器是一种 Layer-4负载平衡器.Microsoft Azure 负载平衡器通过针对给定输入端点上接收到的流量计算哈希函数,在一组可用的服务器(虚拟机)之间 ...