jquery中添加属性和删除属性
jquery中添加属性和删除属性：
$("#2args").attr("disabled",'disabled');
$("#2args").removeAttr("disabled");
问题背景：
选择“选项1”是，“两个参数”这个单选按钮有效。
选择“选项2”时，让“两个参数”的这个单选按钮无效。
代码：
<!DOCTYPE>
<html>
<head>
<metacharset="utf-8"/>
<title>demo</title>
<styletype="text/css">
.control-group{
margin-bottom:20px;
}
.controls{
display:inline-block;
vertical-align:top;
}
form{
border:1pxdotted#666;
padding:30px;
display:inline-block;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]{
cursor:not-allowed;
}
</style>
<body>
<formmethod="post"action=""onsubmit="returnfalse;">
<divclass="control-group">
<labelfor="project_name">名称:</label>
<inputname="project_name"maxlength="20"id="project_name"placeholder="项目名称"></div>
<divclass="control-group">
<label>类型:</label>
<selectid="project_type"onchange="typeChange()">
<optionvalue=""disabled="disabled"></option>
<optionvalue=""disabled="disabled">------[类型一]------</option>
<optionvalue="1">选项1</option>
<optionvalue="2">选项2</option>
<optionvalue="3">选项3</option>
<optionvalue=""disabled="disabled"></option>
<optionvalue=""disabled="disabled">------[类型二]------</option>
<optionvalue="4">选项4</option>
<optionvalue="5">选项5</option>
<optionvalue="6">选项6</option>
</select>
</div>
<divclass="control-group">
<label>参数:</label>
<divclass="controls">
<br/>
<labelclass="radio"for="1arg">
<inputtype="radio"name="nodes"id="1arg"value="1"checked="checked"/>
单个参数
</label>
<br/>
<labelclass="radio"for="2args">
<inputtype="radio"name="nodes"id="2args"value="2"/>
两个参数
</label>
<br/>
<labelclass="radio"for="3args">
<inputtype="radio"name="nodes"id="3args"value="3"disabled="disabled"/>
三个参数
</label>
</div>
</div>
<divclass="control-group">
<buttonid="create_project"type="submit"onclick="beforecreate()">新建</button>
<button>取消</button>
</div>
</form>
<scripttype="text/javascript"src="js/jquery-2.1.4.min.js"></script>
<scripttype="text/javascript">
functiontypeChange(){
vartypeLists=['1','2','3','4','5','6'];
varpj_type=$("#project_typeoption:selected").val();
if(pj_type==2){
$("#2args").attr("disabled",'disabled');
}elseif(pj_type==1){
$("#2args").removeAttr("disabled");
}elseif($.inArray(pj_type,app_type_list)>=0){
//后期扩展功能
}
}
</script>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。