jquery中添加属性和删除属性


Posted in Javascript onJune 03, 2015

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>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript 对象定义方法 简单易学
Mar 22 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
May 04 Javascript
基于jquery的复制网页内容到WORD的实现代码
Feb 16 Javascript
jQuery bind事件使用详解
May 05 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
php+ajax+jquery实现点击加载更多内容
May 03 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
Javascript之Math对象详解
Jun 07 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
JavaScript中的条件判断语句使用详解
Jun 03 #Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 #Javascript
在HTML中插入JavaScript代码的示例
Jun 03 #Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 #Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 #Javascript
浅谈javascript中基本包装类型
Jun 03 #Javascript
js中函数声明与函数表达式
Jun 03 #Javascript
You might like
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
php往mysql中批量插入数据实例教程
2018/12/12 PHP
如何在PHP中生成随机数
2020/06/04 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
JavaScript实现简单的拖动效果
2016/07/02 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
基于python调用jenkins-cli实现快速发布
2020/08/14 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
什么是抽象
2015/12/13 面试题
工作自荐信
2013/12/11 职场文书
会计电算化专业求职信
2014/06/10 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
2016年教师节感言
2015/12/09 职场文书
2016年十一促销广告语
2016/01/28 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书