<FORM METHOD=POST name="form1" ACTION="" style="background:#ffffff">
输入:<INPUT TYPE="text" NAME="te">
选择:<SELECT NAME="sele">
<option  value=2>2</option>
</SELECT>
<INPUT TYPE="checkbox" NAME="asdf" onclick="listCon(this)">无效
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
function listCon(obj)
{
var bool=obj.checked;
if(!bool){
obj.form.style.background="#000000";
for(n=0;n<obj.form.length;n++){
obj.form.elements[n].disabled=false;
}
}else{
obj.form.style.background="#ff0000";
for(n=0;n<obj.form.length;n++){
if(obj.form.elements[n]!=obj)
obj.form.elements[n].disabled=true;
}
}}
//-->
</SCRIPT>

解决方案 »

  1.   

    使用disabled=true;只读,
        disabled="";可以填写;
    背景你可以用style里的属性,比如document.uID.stlye.bgcolor="#000000"
      

  2.   

    <input type="radio" name=a onclick="txt.style.backgroundColor='red'; txt.readOnly=true">&Ouml;&raquo;&para;&Aacute;
    <input type="radio" name=a onclick="txt.style.backgroundColor='#000000'; txt.readOnly=false">&iquest;&Eacute;&ETH;&acute;
    <input name=txt readonly=true style="background-color:red;color:#FFFFFF">
      

  3.   

    <input type="radio" name=a onclick="txt.style.backgroundColor='red'; txt.readOnly=true">只读
    <input type="radio" name=a onclick="txt.style.backgroundColor='#000000'; txt.readOnly=false">可写
    <input name=txt readonly=true style="background-color:red;color:#FFFFFF">