select checkbox 控制input

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function SetReadOnly()
if (document.all.testselect.value == 0)
document.all.testinput.disabled 
= true
document.all.testinput.readOnly 
= true
document.all.testinput.value 
= 0
}
 
else
document.all.testinput.disabled 
= false
document.all.testinput.readOnly 
= false
}
 
}
 
function SetReadOnly2()

if (document.all.checkbox1.checked) 

document.all.testinput.disabled 
= false
document.all.testinput.readOnly 
= false
document.all.testinput.value 
= 1
}
 
else 

document.all.testinput.disabled 
= true
document.all.testinput.readOnly 
= true
document.all.testinput.value 
= 0
}
 
}
 
//--> 
</SCRIPT> 
</HEAD> 
<BODY onload="SetReadOnly()"> 
<!--<select id="testselect" onchange="SetReadOnly()"> 
<option value="0">非表示</option> 
<option value="1">表示</option> 
</select> 
--> 
<input id="testinput" type="text" value="a"> 

<input type='checkbox' name='checkbox1' id='checkbox1' value='7' onclick="SetReadOnly2()"> 

</BODY> 
</HTML> 

posted on 2009-07-10 09:13 hobo 阅读(660) 评论(1)  编辑 收藏 引用 所属分类: web

评论

# re: select checkbox 控制input 2009-07-10 10:04 99读书人

写的很好!  回复  更多评论   

只有注册用户登录后才能发表评论。
<2009年7月>
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

导航

统计

常用链接

留言簿(1)

随笔分类

随笔档案

文章分类

文章档案

相册

友情连接

搜索

最新评论

阅读排行榜

评论排行榜