求个JS静态页面，效果是点击一个按钮，生成5个随机数，要不重复

wudichb 2011-08-13 04:10:17

最好是有一个增加按钮一个减少和一个生成按钮，增加减少按钮是控制文本框多少，生成按钮是点击后在文本框里生成一个0-9的随机数，并且所有的文本框里的数不重复，文本框最多增加到10个，最少一个。

最主要的是生成几个0-9的随机数要不重复，谢谢

...全文

958 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

q2104574 2012-02-27

打赏
举报

2楼犀利了~~

MrChapter 2012-02-26

打赏
举报

LZ怎么还木有结贴？？？？

MrChapter 2011-08-16

打赏
举报

我的那个我已经测试过了，完全满足lz的需求。

vchalf_moon 2011-08-16

打赏
举报

学习学习

MrChapter 2011-08-16

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.textbox
{
margin-right: 5px;
margin-top: 10px;
width: 25px;
font-family: 微软雅黑;
text-align: center;
font-weight: bold;
font-size: 16px;
color: Blue;
}
</style>
<script type="text/javascript">
function CreateTextBox() {
var count = GetTextBoxCount();
if (count < 10) {
var textBox = document.createElement("input");
textBox.setAttribute("type", "text");
textBox.setAttribute("name", "myname");
textBox.className = "textbox";
document.body.appendChild(textBox);
} else {
alert("最多生成10个随机数");
}
}
function RemoveTextBox() {
var count = GetTextBoxCount();
if (count > 1) {
document.body.removeChild(document.body.lastChild);
}
else {
alert("请最少保留1个");
}
}
function GetTextBoxCount() {
var elements = document.getElementsByName("myname");
return elements.length;
}
Array.prototype.Contains = function (num) {
var flag = false;
if (this.length <= 0) {
return flag;
}
for (var i = 0; i < this.length; i++) {
if (this[i] == num) {
flag = true;
break;
}
}
return flag;
}
function CreateRandomNumber(array, count) {
while (array.length < count) {
var num = Math.floor(Math.random() * 10);
if (!array.Contains(num)) {
array.push(num);
}
}
}
function SetTextBoxValue() {
var array = new Array();
var count = GetTextBoxCount();
CreateRandomNumber(array, count);
var elements = document.getElementsByName("myname");
for (var i = 0; i < elements.length; i++) {
elements[i].value = array[i];
}
}
</script>
</head>
<body onload="CreateTextBox()">
<input type="button" value="增加" onclick="CreateTextBox()" />
<input type="button" value="减少" onclick="RemoveTextBox()" />
<input type="button" value="生成随机数" onclick="SetTextBoxValue()" /><br />
</body>
</html>