除某控件外去除某属性 jQuery

置顶樱梦雪苹宝

于 2019-05-23 11:10:59 发布

阅读量211

点赞数

分类专栏： jquery样式文章标签： jquery

本文链接：https://blog.csdn.net/yingmengxuepingbao/article/details/90476707

版权

jquery样式专栏收录该内容

19 篇文章 0 订阅

订阅专栏

10个input标签，除某一个外，其余的去除只读属性：

Html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人信息</title>
<script src="../../js/jquery-1.12.3.min.js"></script>
<script src="../../js/personalCenter/personalInformation.js"></script>
<style type="text/css">

input{border-width: 0;}

</style>
</head>
<body>
<div>
	<table>
	<tr>
		<td><p><span>会员等级：</span><p></td>
		<td>
			<input type="radio" checked="checked" disabled="disabled">
			<input type="text" id="membershipLevelName" >
			<input type="hidden" id="userId">
		</td>
	</tr>
	<tr>
	<td><p><span>姓名：</span><p></td>
	<td><input type="text"  id="userName"></td>
	</tr>
	<tr>
	<td><p><span>电话：</span><p></td>
	<td><input type="text"  id="phoneNum"></td>
	</tr>
	<tr>
	<td><p><span>性别：</span><p></td>
	<td><input type="radio"  name="userSex" value="男" disabled="disabled">男
		<input type="radio"  name="userSex" value="女" disabled="disabled">女
	</td>
	</tr>
	<tr>
	<td><p><span>邮箱：</span><p></td>
	<td><input type="text"  id="userEmail"></td>
	</tr>
	<tr>
	<td><p><span>联系地址：</span><p></td>
	<td><input type="text"  id="userAddress"></td>
	</tr>
	</table>
	<input type="button" value="编辑个人信息" id="edit"/>
	<input type="button" value="保存"  id="preserve"/>
</div>

</body>
</html>

 $('input').prop("readonly",true);//将所有的input标签，表示成只读。

 $("input:not(#membershipLevelName)").prop("readonly",false);//除等级名称外，去除input元素的readonly属性
 $("input:not(#membershipLevelName)").css("border-width","1");//显示文本框边框
 $("input:radio").removeAttr("disabled");//单选按钮可选。

樱梦雪苹宝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
除某控件外去除某属性 jQuery

10个input标签，除某一个外，其余的去除只读属性：Html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>个人信息</title><script src="../../js/jquery-1.12.3.min.js"></...
复制链接

扫一扫