单选框 和 下拉框 没有readonly 属性,通过其他方法可以实现类似效果:
function setCheckBoxReadOnly(obj, checkStatus) {//checkStatus:true 是readonly效果
obj.onclick = function(){return !checkStatus;};
}
function setSelectReadOnly(obj){
if(obj){
obj.onbeforeactivate = function(){return false;};
obj.onfocus = function(){obj.blur();};
obj.onmouseover = function(){obj.setCapture();};
obj.onmouseout = function(){obj.releaseCapture();};
obj.style.background = "#CCCCCC";
}
}
function setSelectReadOnlyFalse(obj){
if(obj){
obj.onbeforeactivate ='';
obj.onfocus ='';
obj.onmouseover ='';
obj.onmouseout ='';
obj.style.background = "#FFFFFF";
}
}
本文介绍如何使用JavaScript实现HTML中单选框和下拉框的只读效果,提供具体的方法来禁用这些元素的交互,同时改变其外观以表明其处于不可编辑状态。
285

被折叠的 条评论
为什么被折叠?



