jquery input标签的禁用和启用disabled
用户投稿 学习笔记 12阅读
定义和用法
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 一起使用。
实例通过为radio按钮添加点击事件,进行启用或禁用input。
HTML:
<h3>疫情防控个人信息</h3>有武汉接触史<input type="radio" name="radio" onClick="yeswh()" checked="checked"><br><div class="yeswh">姓名:<input type="text" name="name" class="name_y"> 体温:<input type="text" name="tw" class="tw_y">城市:<input type="text" name="cs" class="cs_y"></div><br><br>无武汉接触史<input type="radio" name="radio" onClick="nowh()"><br><div class="nowh">姓名:<input type="text" name="name" class="name_w" disabled="disabled"> 体温:<input type="text" name="tw" class="tw_w" disabled="disabled"></div>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>效果:
标签: