jquery增加和移除属性

最新推荐文章于 2024-08-05 19:35:10 发布

milli236

最新推荐文章于 2024-08-05 19:35:10 发布

阅读量2.8w

点赞数 3

分类专栏： JavaScript 文章标签： jquery

本文链接：https://blog.csdn.net/milli236/article/details/83894003

版权

JavaScript 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1.HTML结构

<div class="input-box">
			<div>
				<input type="radio" id="desc1" name="descID" value="1" checked>
				<label class="" for="desc1">使用文章链接</label>
			</div>
			<input id="artLink" type="text" name="art_link" placeholder="地址">
		</div>
		<div class="input-box">
			<div>
				<input type="radio" id="desc2" name="descID" value="2">
				<label class="" for="desc2">内容</label>
			</div>
			<div>
				<textarea name="" id="txt" cols="30" rows="10" disabled></textarea>
			</div>
		</div>

2.js

$("input:radio").click(function(){
		
		let textareaDom = $("#txt");
		let artLinkDom = $("#artLink");
		let radioVal = $(this).val();	

                switch(radioVal){
			case '1':
				textareaDom.attr("disabled",'disabled'); //增加属性
				break;
			case '2':
				$('#txt').removeAttr("disabled"); //移除属性
				break;
			default :
				console.log('default');
		}
});