IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现

本文链接：https://blog.csdn.net/unlock_2000/article/details/14897

IE支持的html元素的disable在netscape4.76中的实现

1. 相关的html元素

(1) text , edit , password , textarea

(2) radio , checkbox

(3) select

2. IE中的写法

(1) document.form_name.text_name.disabled = true;

document.form_name.edit_name.disabled = true;

document.form_name.password_name.disabled = true;

document.form_name.textarea_name.disabled = true;

(2) document.form_name.radio_name[i].disabled = true;

document.form_name.checkbox_name[i].disabled = true;

(3) document.form_name.select_name.disabled = true;

3. Netscape4.76中的写法

(1) document.form_name.text_name.disabled = true;

document.form_name.edit_name.disabled = true;

document.form_name.password_name.disabled = true;

在相应的text , edit , password , textarea 元素上添加对focus事件处理的方法:οnfοcus=”disableElements(this)”

function disableElements(obj)

{

if(obj.disabled)

{

obj.blur();

}

(2) document.form_name.radio_name[i].disabled = true;

document.form_name.checkbox_name[i].disabled = true;

在相应的radio , checkbox元素上添加对mousedown事件处理的方法:οnclick=”return disableElements(this)”

function disableElements(obj)

{

if(obj.disabled)

{

obj.checked=false;

return false;;

}

(3) document.form_name.select_name.disabled = true;

在相应的select元素上添加对change事件进行处理的方法:οnchange=”disableElements(this)”

function disableElements(obj)

{

if (obj.disabled)

{

for (var i=0; i<obj.options.length; i++)

{

obj.options[i].selected = obj.options[i].frozenStatus;

(obj.options[i].selected = false;这样写也可以.)

}

最后我附上一个例子,这个例子在IE6.0和Netscape4.76下测试通过!

<html>

<body>

<form>

<br>Textarea:<textarea name="t3" οnfοcus="disableTextarea(this)"></textarea>

<br>Password: <input type="password" name="t4" οnfοcus="disablePassword(this)">

<br>Radiobutton: <input type="radio" name="t5" οnmοusedοwn="return disableRadio(this)">

<br>Checkbox: <input type="checkbox" name="t6" οnclick="return disableCheck(this)">

<br>Defaul disabled Checkbox: <input type="checkbox" disabled name="t8" οnmοusedοwn="return disableCheck2(this)">

<br>Select:

<option> one

<option> two

<option> three

<option> four

</select>

</form>

</body>

</html>

function disableText(obj)

{

if(obj.disabled)

obj.blur();

}

function disableEdit(obj)

{

if(obj.disabled)

obj.blur();

}

function disablePassword(obj)

{

if(obj.disabled)

obj.blur();

}

function disableTextarea(obj)

{

if(obj.disabled)

obj.blur();

}

function disableRadio(obj)

{

if(obj.disabled)

{

obj.checked=false;

return false;

}

function disableCheck(obj)

{

if(obj.disabled)

{

obj.checked=false;

return false;

}

function disableCheck2(obj)

{

obj.disabled=true;

if(obj.disabled)

{

obj.checked=false;

return false;

}

function ChangeSelect(obj)

{

if (obj.disabled)

{

for (var i=0; i<obj.options.length; i++)

{

//obj.options[i].selected = obj.options[i].frozenStatus;

obj.options[i].selected = false;

(这两种写法都是可以的)

}

function change()

{

document.forms[0].t1.disabled=!document.forms[0].t1.disabled;

document.forms[0].t2.disabled=!document.forms[0].t2.disabled;

document.forms[0].t3.disabled=!document.forms[0].t3.disabled;

document.forms[0].t4.disabled=!document.forms[0].t4.disabled;

document.forms[0].t5.disabled=!document.forms[0].t5.disabled;

document.forms[0].t6.disabled=!document.forms[0].t6.disabled;

document.forms[0].t7.disabled=!document.forms[0].t7.disabled;

document.forms[0].t1.value="";

document.forms[0].t2.value="";

document.forms[0].t3.value="";

document.forms[0].t4.value="";

document.forms[0].t5.checked=false;

document.forms[0].t6.checked=false;

document.forms[0].t7.value="";

for (var i=0; i<document.forms[0].t7.options.length; i++)

{

//document.forms[0].t7.options[i].selected = document.forms[0].t7.options[i].frozenStatus;

document.forms[0].t7.options[i].selected = false;

}

</script>