小问题:复选框与文本框联动
一共两行,各自独立,每行一个复选框和一个文本框(文本框默认为disable)。当选中复选框时对应的文本框才可以写入文本,当撤销复选框的选择时,文本框清空并且 变成disable.
请问大家,如何用代码实现? 问题点数:20、回复次数:5Top
1 楼jouwei(九维)回复于 2006-01-12 20:19:04 得分 5
<INPUT TYPE=checkbox ID=chk1 onclick="choosebox(this)">
<INPUT TYPE=text VALUE="" NAME="textbox" SIZE=15 disable>
<script>
function choosebox(echk)
{
if(echk.checked)
{
echk.nextSibling.disable=false;
echk.nextSibling.focus();
}
else
{
echk.nextSibling.value="";
echk.nextSibling.disable=true;
}
}
</script>Top
2 楼zuixin(醉心)回复于 2006-01-12 21:02:03 得分 0
楼上的朋友,你的代码IE提示出错啊Top
3 楼liangjianshi(两件事)回复于 2006-01-13 09:45:48 得分 5
<INPUT TYPE=checkbox name=chk1 onclick="cho()">
<INPUT TYPE=text VALUE="" NAME="a" SIZE=15 disabled>
<script>
function cho()
{
if(chk1.checked)
{
a.disabled=false;
a.focus();
}
else
{a.disabled=true;
}
}
</script>Top
4 楼liangjianshi(两件事)回复于 2006-01-13 09:54:36 得分 0
清空内容,esle后面加上 a.value="";Top
5 楼how9s(农民工)回复于 2006-01-13 10:18:35 得分 10
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
</head>
<body>
<input type="checkbox" id="chk_1" onClick="javascript:clickChk()" /><input type="text" id="txt_1" disabled="disabled" />
<br />
<input type="checkbox" id="chk_2" onClick="javascript:clickChk()" /><input type="text" id="txt_2" disabled="disabled" />
<script language="javascript">
<!--
function clickChk() {
if (!document.getElementById('chk_1').checked) {
document.getElementById('txt_1').value = '';
}
if (!document.getElementById('chk_2').checked) {
document.getElementById('txt_2').value = '';
}
document.getElementById('txt_1').disabled = !document.getElementById('chk_1').checked;
document.getElementById('txt_2').disabled = !document.getElementById('chk_2').checked;
}
//-->
</script>
</body>
</html>
摘自:http://www.51-design.cn/html/javascript/2006/09/13103.html
评论