<html>
<head>
<title>百分表</title>
</head>
<body>
<script language="JavaScript">
<!--begin
function down(t,n) //调用down函数在文本框中显示选中的表格的值,t是选中的表格的值,n是选中的是表格的第几行
{
switch(n) //判断选中的是第几行,用来给文本框赋值
{
case 1: form1.t1.value=t ;form1.t2.value="";form1.t3.value="";break; //给文本框赋相应的值
case 2: form1.t2.value=t ;form1.t1.value="";form1.t3.value="";break;
case 3: form1.t3.value=t ;form1.t1.value="";form1.t2.value="";break;
}
}
document.write('<table border="1" width="50%" id="table1" align="center" cellspacing="0" cellpadding="0" style="border-collapse: collapse">' ) //设置表格的属性
for(var j=0;j<3;j++) //输出 j 行表格
{
document.write('<tr align="center">')
if(j==0) //输出百位、十位、个位
document.write("<td>百位</td>")
if(j==1)
document.write("<td>十位</td>")
if(j==2)
document.write("<td>个位</td>")
for( var i=0;i<10;i++) // 输出 i 列表格
{
document.write('<td><p onmousedown="down(') //定义表格的单击事件
document.write(i) //被选中表格的值
document.write(",")
document.write(j+1) //被选中的表格所在的行
document.write(')" >')
document.write(i) //输出表格的值
document.write("</p></td>")
}
document.write("<td>-</td></tr>")
}
document.write("</table>")
//end-->
</script>
<form name="form1">
<p align="center">百位 <input type="text" size="18" value="" name="t1"></p>
<p align="center">十位 <input type="text" size="18" value="" name="t2"></p>
<p align="center">个位 <input type="text" size="18" value="" name="t3"></p>
</form>
</body>