复选框问题,将选定的值在textarea显示

最新推荐文章于 2022-02-22 13:56:55 发布

piperzero

最新推荐文章于 2022-02-22 13:56:55 发布

阅读量1.5k

点赞数

分类专栏：网站建设文章标签： generator html javascript border action function

网站建设专栏收录该内容

740 篇文章 1 订阅

订阅专栏

复选框问题.

http://www.corange.cn//uploadfiles/5910a31cd99b7c8c86d6b603_11073.jpg

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<script language="javascript">
function showUser(UserName, UserTrueName)
{
cbx = this.document.getElementById(UserName);

UserName+=",";
UserTrueName+=",";

if (cbx.checked == true) {
document.form1.UserName.value+=UserName;
document.form1.UserTrueName.value+=UserTrueName;
}else{
var UN;
var UTN;
UN=document.form1.UserName.value;
UTN=document.form1.UserTrueName.value;
document.form1.UserName.value=UN.replace(UserName,"");
document.form1.UserTrueName.value=UTN.replace(UserTrueName,"");
}
}
</script>
</head>
<body topmargin="0" leftmargin="0">
<table border="1" width="340" cellspacing="0" cellpadding="0" bordercolor="#E9E8E3" bordercolordark="#FFFFFF" bgcolor="#F7F9F9">
<form id="form1" name="form1" method="post" action="">

<tr bgcolor="#F5FFE7">
<td>
<input name="nanhu" type="checkbox" id="nanhu" value="checkbox" οnclick=showUser("nanhu","王建斌") />王建斌
</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td><input name="admin" type="checkbox" id="admin" value="checkbox" οnclick=showUser("admin","管理员") />
管理员</td>
<td> </td>
</tr>
<tr bgcolor="#F5FFE7">
<td><input name="soufox" type="checkbox" id="soufox" value="checkbox" οnclick=showUser("soufox","望见宾") />
望见宾</td>
<td> </td>
</tr>
<tr bgcolor="#F5FFE7">
<td><input name="comasp" type="checkbox" id="comasp" value="checkbox" οnclick=showUser("comasp","comasp") />
comasp</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td><input name="lishan" type="checkbox" id="lishan" value="checkbox" οnclick=showUser("lishan","李三") />
李三</td>
<td> </td>
</tr>
<tr>
<td align="center">
<textarea name="UserTrueName" id="UserTrueName" readonly rows="2" cols="30"></textarea>
</td>
<td align="center">
<textarea name="UserName" id="UserName" readonly rows="2" cols="30"></textarea>
</td>
</tr></form>
</table>

</BODY>
</HTML>