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="" οnsubmit="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" οnchange="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 class="control-group">

<button id="create_project" type="submit" οnclick="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中添加属性和删除属性相关推荐

jquery中添加属性和删除属性--------------------
jquery中添加属性和删除属性: 复制代码代码如下: $("#2args").attr("disabled",'disabled'); $("#2 ...
jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能.分享给大家供大家参考,具体如下: 最近为了实现这个简单的功能也是看了很多的内容,终于找出了看起来简单易实现的方法,我觉得能用最简洁 ...
【CSS】CSS在标签中添加多个class属性
CSS在标签中添加多个class属性 <!DOCTYPE html> <html><head><meta charset="utf-8"& ...
JS元素属性操作方法，包括获取属性，修改属性，删除属性
JS元素属性操作方法,包括获取属性,修改属性,删除属性本篇记录JS元素属性的操作的方法.其中包含获取属性两个方法,修改属性两个方法,删除属性一个方法获取属性 element.属性该方法通常获取自 ...
HADOOP实践101：在Hadoop集群中添加机器和删除机器
无论是在Hadoop集群中添加机器和删除机器,都无需停机,整个服务不中断. 本次操作之前,Hadoop的集群情况如下: HDFS的机器情况如下: MR的机器情况如下: 添加机器在集群的Master机 ...
html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号捆包号品名规格材质重量业务需求是,从后台获取到订单 ...
jquery获取和设置属性_jQuery获取属性，设置属性，删除属性
jquery获取和设置属性 Today we will look into following examples – jQuery get attribute, jQuery set attribut ...
jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...
案例：实现在购物车中添加商品和删除购物车中指定商品的功能
一.向购物车中添加商品 1.1.创建AddCartServlet public class AddCartServlet extends HttpServlet {public void doGet( ...

jquery中添加属性和删除属性

jquery中添加属性和删除属性相关推荐

最新文章

热门文章