jquery对标签属性操作

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>

转载于:https://www.cnblogs.com/starof/p/4546768.html

jquery对标签属性操作相关推荐

jQuery attr removeAttr 属性操作
jQuery attr removeAttr 属性操作 <%@ page language="java" import="java.util.*" pag ...
前端HTML调用jQuery库，属性操作:更换图片、添加字体样式（前端：HTML搭配jQuery系列教程六）
属性操作:更换图片.改变字体样式 1.更换图片: 在jQuery中,我们可以使用attr()方法来获取元素的某一个HTML属性值. 语法: $().attr("属性名") 说明:获 ...
jQuery获取标签属性值（一）
1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...
前端提高篇(八十六)：jQuery的class属性操作addClass()与removeClass()、hasClass()、toggleClass()
1.addClass()与removeClass()基本使用 addClass:添加class:removeClass:移除class,返回this对象,支持链式操作 $('div').addClas ...
JavaWeb开发前端语言：jQuery（二）属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...
jQuery对Class属性的操作
下面介绍一下jQuery对Class属性操作的方法把第一addClass(),该方法可以设置单个或多个元素的Class属性,用法如下图这样子页面显示的结果就会有CSS样式第二removeClas ...
jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作全选,反选效果 4.文档处理操作标签一.样式操作样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
目录 jQuery jQuery介绍 jQuery的优势 jQuery版本 jQuery内容: jQuery对象 jQuery基础语法查找标签基本选择器层级选择器: 基本筛选器: 属性选择器表 ...

jquery对标签属性操作

jquery对标签属性操作相关推荐

最新文章

热门文章