jquery 控制 select radio checkbox input 不可修改

最新推荐文章于 2023-03-09 14:27:56 发布

转载最新推荐文章于 2023-03-09 14:27:56 发布 · 815 阅读

本文介绍了一段JavaScript代码，用于在用户界面中禁用输入框和文本区域，并切换复选框和单选按钮的状态。这些操作有助于提高用户体验和安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

尊重原创：http://snowelf.iteye.com/blog/1706337

$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input,textarea")
<span style="white-space:pre">				</span>.attr("readOnly",'true').css("background-color","#EEE")
<span style="white-space:pre">				</span>.each(function(){
<span style="white-space:pre">					</span> this.onclick = undefined;
<span style="white-space:pre">				</span>})
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='checkbox']").click(
<span style="white-space:pre">	</span>   function(){
<span style="white-space:pre">		</span>   this.checked = !this.checked;
<span style="white-space:pre">		</span>}
   );
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='radio']").click(function () {
<span style="white-space:pre">	</span>var el, e = 0, f = $(this).get(0).form;
<span style="white-space:pre">	</span>while (el = f[$(this).attr("name")][e++]) el.checked = el.defaultChecked;
<span style="white-space:pre">	</span>});
// select readonly  
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("select").css("background-color","#EEE").each(
<span style="white-space:pre">	</span>function(){
<span style="white-space:pre">		</span> this.onchange = undefined;
<span style="white-space:pre">		</span>$(this).bind("focus",function(){this.defaultIndex=this.selectedIndex;});
<span style="white-space:pre">		</span>$(this).bind("change",function(){this.selectedIndex=this.defaultIndex;});
<span style="white-space:pre">	</span>}
)