Javascript 已填充单选按钮，要使用“提交”按钮打印值吗

有没有办法从单选按钮中获取值？假设它在单选按钮中被填充，选项是Abuelos、Boogie Burger、Pad Thai、联盟比萨饼、野蛋。有没有一种方法可以在点击提交按钮后将这些值取出并打印出来

我也不希望该值被重定向到另一个页面。我只想在提交按钮下面打印出来。我也不希望用户在点击提交按钮后能够选择一个值

我正在尝试进行投票投票，从多个数组中选择选项，然后有人可以从单选按钮中选择一个值，然后点击提交按钮，打印出他们的选项。这样用户就可以知道他们投了什么票

HTML代码的一部分：

    <form action="" id="food-form"></form>

Javascript代码：

var mexicanFood = ["Caliente Mexican", "Abuelos", "Luciana's"],
    asianFood = ["Omoni Korean", "Super Bowl Pho", "Sichuan Chinese", "Tian Fu Asian Bistro"],
    americanFood = ["Boogie Burger", "City Barbeque", "The North End BBQ", "Wolfies Grill", "Bubs", "Fire on the Monon"];
    pizza = ["Coalition Pizza", "Mackenzie River Pizza, Grill & Pub", "Bazbeaux Pizza", "Mellow Mushroom"]
    thaiFood = ["Pad Thai", "Jasmine Thai", "Thai Orchid"]
    notCategory = ["Jamaican Reggae Grill", "Mudbugs", "Yats", "Kolache Factory", ]
    breakfast = ["Wild Eggs", "Egg and I", "Another Broken Egg Cafe", "Cafe Patachou"]

function createRandomArray(arraySize) {
    var allFoods = mexicanFood.concat(asianFood).concat(americanFood).concat(pizza).concat(thaiFood).concat(notCategory).concat(breakfast),
        randomFoods = [];

    if (arraySize <= allFoods.length) {
        randomFoods = [
            mexicanFood[getRandomArrayIndex(mexicanFood)],
            asianFood[getRandomArrayIndex(asianFood)],
            americanFood[getRandomArrayIndex(americanFood)],
            pizza[getRandomArrayIndex(pizza)],
            thaiFood[getRandomArrayIndex(thaiFood)],
            notCategory[getRandomArrayIndex(notCategory)],
            breakfast[getRandomArrayIndex(breakfast)]
        ]; // at least one from each

        // remove the ones that were initially added from each
        allFoods.splice(allFoods.indexOf(randomFoods[0]), 1);
        allFoods.splice(allFoods.indexOf(randomFoods[1]), 1);
        allFoods.splice(allFoods.indexOf(randomFoods[2]), 1);

        for (var i = 0; i < arraySize - 3; i++) {
            var randomIndex = getRandomArrayIndex(allFoods);

            randomFoods.push(allFoods[randomIndex]);
            allFoods.splice(randomIndex, 1);
        }

        return randomFoods;
    }

    return allFoods; // requesting more items of food than the amount available, so just add them all
}

function getRandomArrayIndex(array) {
    return Math.floor(Math.random() * array.length);
}

var randomFoods = createRandomArray(5);

for (var i = 0; i < randomFoods.length; i++) {
    document.getElementById('food-form').innerHTML += '<input type="radio" name="food" value="' + randomFoods[i] + '"> ' + randomFoods[i] + '<br>';
}

var mexicanFood=[“墨西哥卡林特”、“阿布埃洛斯”、“卢西亚纳”]，
亚洲食品=[“Omoni Korean”，“超级碗Pho”，“四川中国”，“天府亚洲小酒馆”]，
americanFood=[“布吉汉堡”、“城市烧烤”、“北端烧烤”、“Wolfies Grill”、“Bubs”、“Monon上的火”]；
比萨饼=[“联盟比萨饼”、“麦肯齐河比萨饼、烧烤和酒吧”、“巴兹博比萨饼”、“香醇蘑菇”]
泰国菜=[“泰国人民”、“泰国茉莉花”、“泰国兰花”]
notCategory=[“牙买加雷鬼烧烤”、“泥巴虫”、“Yats”、“Kolache工厂”，]
早餐=[“野鸡蛋”、“鸡蛋和我”、“另一个碎蛋咖啡馆”、“巴塔乔咖啡馆”]
函数createRandomArray（arraySize）{
var allFoods=墨西哥食品、亚洲食品、美国食品、比萨饼、泰国食品、非品类、早餐、，
随机食物=[]；
if（arraySize您可以使用
document.querySelector（'input[name=food]：checked'）.value
获取所选值


var mexicanFood=[“墨西哥卡林特”、“阿布埃洛斯”、“卢西亚纳”]，
亚洲食品=[“Omoni Korean”，“超级碗Pho”，“四川中国”，“天府亚洲小酒馆”]，
americanFood=[“布吉汉堡”、“城市烧烤”、“北端烧烤”、“Wolfies Grill”、“Bubs”、“Monon上的火”]；
比萨饼=[“联盟比萨饼”、“麦肯齐河比萨饼、烧烤和酒吧”、“巴兹博比萨饼”、“香醇蘑菇”]
泰国菜=[“泰国人民”、“泰国茉莉花”、“泰国兰花”]
notCategory=[“牙买加雷鬼烧烤”、“泥巴虫”、“Yats”、“Kolache工厂”，]
早餐=[“野鸡蛋”、“鸡蛋和我”、“另一个碎蛋咖啡馆”、“巴塔乔咖啡馆”]
函数createRandomArray（arraySize）{
var allFoods=墨西哥食品、亚洲食品、美国食品、比萨饼、泰国食品、非品类、早餐、，
随机食物=[]；
如果（在使用GET方法提交表单时进行排列），则查询参数
food=xxxxx
将附加到您的请求url。只需阅读该参数并将其显示给用户即可。