jquery input标签的禁用和启用disabled

定义和用法

disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

注释：disabled 属性无法与 一起使用。

实例

通过为radio按钮添加点击事件，进行启用或禁用input。

HTML：

	
疫情防控个人信息
	有武汉接触史"radio" name="radio" onClick="yeswh()" checked="checked">

	
"yeswh">
		姓名："text" name="name" class="name_y"> ; ;体温："text" name="tw" class="tw_y">城市："text" name="cs" class="cs_y">
	
	



	无武汉接触史"radio" name="radio" onClick="nowh()">

	
"nowh">
		姓名："text" name="name" class="name_w" disabled="disabled"> ; ;体温："text" name="tw" class="tw_w" disabled="disabled">
	

JS

	<script type="text/javascript" src="jquery.1.9.1.js"></script>
	<script type="text/javascript">
		//有武汉接触史点击事件
		function yeswh() {
			//有武汉接触史启用输入框(删除disabled属性)
			$('.yeswh input').removeAttr('disabled');
			//无武汉接触史禁用输入框(添加disabled属性)
			$(".nowh input").attr("disabled","disabled");
		}
		//无武汉接触史点击事件
		function nowh() {
			//有武汉接触史禁用输入框(添加disabled属性)
			$('.yeswh input').attr('disabled',"disabled");
			//无武汉接触史启用输入框(删除disabled属性)
			$(".nowh input").removeAttr("disabled");
	}
	


	</script>

效果：