jquery - 简单的选号游戏 (jQuery)

Question

首先，你好。很棒的论坛/网站:)

我整个周末都在处理我的个人网站，现在我被这个“游戏”想法困住了，我想添加我的网站。我非常了解 HTML 和 CSS，但我对 JS/jQuery 还很陌生。

让我尝试从用户体验来解释他(她)们应该能够用“游戏”做什么。

有 10 个号码，用户可以从中选择 3 个号码，还有 2 个额外号码 来自新号码列表 (11-15)。然后将这些选定的数字转到另一个 div(或其他)。从这一点开始，我可以用 PHP 做我的事情了。但我完全坚持这部分。我知道，我知道这很简单，但是 48 小时内必须停止对我的网站进行编码 :D

从中选择 5 个号码:1-2-3-4-5-6-7-8-9-10从那里选择另外 2 个号码:11-12-13-14-15

那些选定的数字应该像这样在 div 中用 jQuery 显示:正常:2-3-6-7-8 额外:12-14

用户还可以清除所选号码(如果他(她)想一起选择不同的号码)和/或删除一个号码并选择新号码。 When the 5/2 numbers are selected all the other numbers should somehow disable so user cannot select more than 5/2 numbers.

另外，如果用户可以随机选择数字(点击某个按钮，它会自动选择 5+2 个数字)，那就太棒了。但我不知道如何做到这一点？

现在选择数字可能可以用这样的东西来完成吗？

//5 numbers
$("#mainNumbers div").click(function) {
var selectedNumber = $(this).text().clone();
$("#selectedMainNumbers").append("<div>"+selectedNumber+"</div>");
}

//2 extra numbers
$("#extraNumbers div").click(function) {
var selectedNumber = $(this).text().clone();
$("#selectedExtraNumbers").append("<div>"+selectedNumber+"</div>");
}

清除选择可能是这样的？

$("#clearNumbers").click(function) {
    $("#selectedMainNumbers, #selectedExtraNumbers").empty();
    }

这些看起来还好吗？或者那些可以以某种方式做得更好。

现在是我不知道的部分。 应该如何对数字进行排序？使用数组？例如，用户首先单击数字 5 并将其添加到 #selectedMainNumbers div，然后他选择 2 并将其添加到 #selectedMainNumbers div，现在看起来像 8-3，但我想要数字始终是数字顺序，因此数字应为 3-8 格式。

还有应该如何进行随机数选取？如果用户已经选择了所需的 5 个号码，那么禁用号码选择呢？

哎呀，这是一篇很长的文章。对于那个很抱歉。希望你能给我一些提示.. 因为我的大脑不工作 atm:/谢谢。询问是否有不清楚的地方。

Answer 1

这个怎么样:http://jsfiddle.net/ABetK/ ？

如果您想将其发送到服务器，请使用一种形式:http://jsfiddle.net/ABetK/1/

编辑:

看来我没有读完所有问题，所以我的 jsfiddle 没有做所有这些 user1610229想要。

Dan Barzilay完成我的代码:http://jsfiddle.net/Crn45/