Javascript-从表单中获取复选框值并获得随机结果

Javascript-从表单中获取复选框值并获得随机结果,javascript,forms,checkbox,random,Javascript,Forms,Checkbox,Random,我有一个允许多个复选框的表单。我想在按下“生成”按钮时获得所有选中项目的随机值 一方面,我有以下表格: <FORM NAME="testform"> <INPUT CLASS="cities" TYPE="checkbox" NAME="mex" Value="mex"checked="checked">México<BR> <p><INPUT CLASS="cities" TYPE="checkbox" NAME="ita" Value="

我有一个允许多个复选框的表单。我想在按下“生成”按钮时获得所有选中项目的随机值

一方面,我有以下表格:

<FORM NAME="testform">
<INPUT CLASS="cities" TYPE="checkbox" NAME="mex" Value="mex"checked="checked">México<BR>
<p><INPUT CLASS="cities" TYPE="checkbox" NAME="ita" Value="ita">Italy<BR>
<p><INPUT CLASS="cities" TYPE="checkbox" NAME="usa" Value="usa">United State of America<BR>
<p><INPUT TYPE="button" NAME="button" Value="Generate" 
onClick="testButton"><BR>
</FORM>
<INPUT TYPE="button" NAME="button" Value="Generate" 
onClick="testButton()">
我想,如果有什么东西检查墨西哥和美国,例如,结果应该只有一个随机值之间包括在上述变量

我不知道如何从表单中获取选中值,以及如何仅从选定项中选择随机值

你对我有什么建议吗


如果我的英语不是很好,很抱歉。

如果我正确理解了你,你正在寻找这样的东西:

function testButton() {
    var mex=["mexico-df.html","veracruz.html","acapulco.html"];
    var ita=["roma.html","milan.html","venecia.html"];
    var usa=["los-angeles.html","new-york.html","washington.html"];

    var allOptions = [];

    var isMexChecked = document.getElementsByName("mex")[0].checked;
    if (isMexChecked) {
        allOptions = allOptions.concat(mex);
    }

    var isItaChecked = document.getElementsByName("ita")[0].checked;
    if (isItaChecked) {
        allOptions = allOptions.concat(ita);
    }

    var isUsaChecked = document.getElementsByName("usa")[0].checked;
    if (isUsaChecked) {
        allOptions = allOptions.concat(usa);
    }

    if (allOptions.length > 0) {
        var random = Math.floor((Math.random() * allOptions.length));
        console.log(allOptions[random]);
        return allOptions[random];
    }
}
只需确保在表单中正确附加JS处理程序:

<FORM NAME="testform">
<INPUT CLASS="cities" TYPE="checkbox" NAME="mex" Value="mex"checked="checked">México<BR>
<p><INPUT CLASS="cities" TYPE="checkbox" NAME="ita" Value="ita">Italy<BR>
<p><INPUT CLASS="cities" TYPE="checkbox" NAME="usa" Value="usa">United State of America<BR>
<p><INPUT TYPE="button" NAME="button" Value="Generate" 
onClick="testButton"><BR>
</FORM>
<INPUT TYPE="button" NAME="button" Value="Generate" 
onClick="testButton()">

非常感谢todor.hr。我试图放置脚本,但当我按下按钮时,什么也没有显示。它只是打印到JS控制台。或者,如果您希望看到值更改
console.log()
alert(allOptions[random])
非常有效。谢谢