这段代码主要针对前端多个表单tab页中的输入框、文本域、复选框、单选按钮和下拉选择进行处理，将它们设置为只读并改变背景色，同时移除点击事件。对于复选框，点击会切换选中状态；对于单选按钮，点击后会还原所有同名选项的默认选中状态。对于下拉选择，禁用其更改事件，聚焦时记录默认选中项，失去焦点时恢复默认选中项。
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input,textarea")
.attr("readOnly",'true').css("background-color","#EEE")
.each(function(){
this.onclick = undefined;
})
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='radio']").click(function () {
var el, e = 0, f = $(this).get(0).form;
while (el = f[$(this).attr("name")][e++]) el.checked = el.defaultChecked;
});
// select readonly
$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("select").css("background-color","#EEE").each(
function(){
this.onchange = undefined;
$(this).bind("focus",function(){this.defaultIndex=this.selectedIndex;});
$(this).bind("change",function(){this.selectedIndex=this.defaultIndex;});
}
)
扫一扫
1842
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
