请教一个复选框的问题！

zl13 2003-07-03 10:08:41

我想在文本框的旁边加几个复选框，当选中就可以改变文本框中文字的颜色，大小，当不选时就恢复原状，我应该怎么做呢？请各位大虾指教！！！

...全文

37 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhaoweiwei 2003-07-03

打赏
举报

zhaoweiwei 2003-07-03

打赏
举报

fason 2003-07-03

打赏
举报

http://www.csdn.net/cnshare/soft/5/5819.shtm

hahacc 2003-07-03

打赏
举报

测试成功的代码：
<html>
<head>
<title>Untitled Document</title>
<script language="JavaScript">
function ddd(ss)
{
alert(ss)
if (ss=='color')
{
document.changestyle.text1.style.color=document.changestyle.color1.value;
return;
}
if (ss=='size')
{
document.changestyle.text1.style.fontSize=document.changestyle.size1.value;
return;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="changestyle" method="post" action="">
<input type="text" name="text1">
大小
<select name="size1" onchange="ddd('size')">
<option value="10px">10px</option>
<option value="11px">11px</option>
<option value="12px">12px</option>
<option value="13px">13px</option>
<option value="14px">14px</option>
</select>
颜色
<select name="color1" onchange="ddd('color')">
<option value="red">red</option>
<option value="blue">blue</option>
<option value="yellow">yellow</option>
</select>
</form>
</body>
</html>

zl13 2003-07-03

打赏
举报

在文本框中显示是可以了，可为什么发布出去字体的颜色和大小却没有改变呢？

fason 2003-07-03

打赏
举报

最好写成函数
<script language="JavaScript">

</script>
<form name=frm>
<input type="text" name="test">
<input type="checkbox" onclick="chg('test',this,'fontSize','15pt')">
<input type="checkbox" onclick="chg('test',this,'color','red')">
<input type="checkbox" onclick="chg('test',this,'backgroundColor','yellow')">
</form>

kingdomzhf 2003-07-03

打赏
举报

<html>
<body >

<input id=pp type=text value=exam>color:<input type=checkbox value=red onclick="if(this.checked==true) pp.style.color='red'; else pp.style.color='black' ">size:<input type=checkbox vlaue=20 onclick="if(this.checked==true) pp.style.fontSize='20'; else pp.style.fontSize='14'">
</body>
</html>

sw47 2003-07-03

打赏
举报

<input id=xx type=checkbox onselect="sw()"><input id=ss>
<script>
function sw(){
if(xx.selected==true)
document.all.ss.style.color="red";
document.all.ss.style.fontSize="14pt";
}
else{
document.all.ss.style.color="black";
document.all.ss.style.fontSize="9pt";

}
</script>

Reker熊 2003-07-03