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. 我开发 wangEditor-mobile 的故事

    wangEditor-mobile 是一款适用于手机.手指操作的富文本编辑器,wangEditor-mobile 官网    1. 写在前面 其实,我一开始并没有想做什么手机端操作的富文本编辑器. w ...

  2. iCheck.js

    一.iCheck:http://www.bootcss.com/p/icheck/ 1.选择一个颜色主题,网上有,有了一个肤色主题,然后就是把这个肤色主题的css文件复制到iCheck文件夹里面 2. ...

  3. 15款免费的响应式 WordPress 主题下载

    响应式设计主题最适合杂志网站,博客网站,想要在自己网站上展示自己作品的用户.支持视网膜显示使其在 iPad,iPhone,Mackbook,iMac 等设备上有更高的分辨率. 响应式和现代设计风格的多 ...

  4. emberjs学习二(ember-data和localstorage_adapter)

    emberjs学习二(ember-data和localstorage_adapter) 准备工作 首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用 ...

  5. READ TABLE ..... BINARY SEARCH问题

    Read Table 的语法很多,这里说一种特殊情况,Read Table 中查询的时候对标准内表经常有一种二分优化查找,用Binary search的时候首先必须要有查询条件:但如果查询条件满足的项 ...

  6. atitit.数据验证--db数据库数据验证约束

    atitit.数据验证--db数据库数据验证约束 1. 为了加强账户数据金额的安全性,需要增加验证字段..1 2. 创建帐户1 3. 更改账户2 4. ---code3 5. --fini4 1. 为 ...

  7. Android UX & UI 最佳实践： 设计有效的导航

    Best Practices for User Experience & UI Designing Effective Navigation 导航:帮助用户有效直观地使用你的应用. Plann ...

  8. 安卓开发基础之tween动画基本使用，代码教学

    xml代码块: <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:andro ...

  9. CommonJS的模块规范

    CommonJS对模块的定义十分简单,主要分为模块引用.模块定义和模块标识. 1.模块引用 var math = require('math');//这个方法接受模块标识,以此引入一个模块的API到当 ...

  10. 1.10 基础知识——GP3.1 制度化 & GP3.2 收集改进信息

    摘要: GP3.1是要求建立组织级的关于该过程的制度.标准.模版等全套体系,要求覆盖该PA所有的SP和GP.GP3.2 体现的是持续改进,每个过程都应该收集相应的改进信息. 正文: GP3.1 Est ...