Question

我正在尝试随机选择模态对话框并在特定点击次数后结束。

我是javascript的新手，这是我到目前为止所做的。

<script type="text/javascript">
var randomNumber = Math.round(Math.random()*4+1);
function myclick(){

if (randomNumber == 1) {
    $("#q1").click();
}

if (randomNumber == 2) {
    $("#q2").click();
}

if (randomNumber == 3) {
    $("#q3").click();
}

if (randomNumber == 4) {
    $("#q4").click();
}
}
</script>

<body>
<a id="q1" href="#dialog1" name="modal" image=></a>
<a id="q2" href="#dialog2" name="modal" image=></a>
<a id="q3" href="#dialog3" name="modal" image=></a>
<a id="q4" href="#dialog4" name="modal" image=></a>

UPDATE !!!!!!!!!!!!!!!!!!!!!!!! 谢谢你的快速回复。

对不起，不包括所有剧本。

<script type="text/javascript" src="jquery.1.8.2.js"></script>
<script>

var randomNumber = Math.floor(Math.random()*4+1);


function myclick(){
if (randomNumber == 1) {
    $("#q1").click()
}
else if (randomNumber == 2) {
    $("#q2").click()
}
else if (randomNumber == 3) {
    $("#q3").click()
}
else if (randomNumber == 4) {
    $("#q4").click()
}
}
</script>

<BODY>

<h3>Web Design Quiz</h3>
<form name="quiz">
<a id="q1" href="#dialog1" name="modal" image=></a>
<a id="q2" href="#dialog2" name="modal" image=></a>
<a id="q3" href="#dialog3" name="modal" image=></a>
<a id="q4" href="#dialog4" name="modal" image=></a>
<input type="button" src="img/info.png" onclick="myclick()"></input>

我删除了关闭“;”在“Round”之后添加“else if”。我仍然只能一次打开1个对话框。我想通过单击按钮打开所有对话框，然后以最后一个结束。每次点击按钮时如何刷新我的随机数？

Answer 1

尝试使用以下代码生成随机值：

Math.floor(Math.random() * 4) + 1

你忘了关闭圆形块。

Answer 2

好的，首先我希望您知道您正在使用JQuery，因此包含了正确的脚本。类似的东西：

<script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>

接下来是一系列问题：

您不会关闭随机Round功能
您的随机数被设置为全局变量，只会设置一次（而不是更改），但也许这是您的愿望。如果您在每次考虑将其移到myclick函数
您似乎没有在任何地方调用myclick函数，但这可能是内联完成的吗？
调用JQuery click函数不适合模拟点击。最好创建一个单独的函数，该函数接受应该处理的div的选择器ID

提示：通过自定义构建JQuery选择器，您可以使用更少的代码执行此类操作，这将节省您拥有所有if语句。类似的东西：

$("#q" + randomNumber).click();

此外，使用这样的多个if语句也应该使用else if语句，因为在这种情况下只有一个if语句可以成功

随机选择模态对话框onclick

2 个答案: