Javascript 如何显示报警框的输出和内部函数也有计算

我希望当用户单击按钮提交订单时，警报框中会出现单词以及所选大小和顶部的总价，然后有一个按钮确定，这样它将关闭警报按钮。如果用户选择单选按钮和复选框，我需要使用JavaScript计算比萨的总价。但我真的不知道怎么做。有人能帮我吗。顺便说一句，对于这个问题，我只使用JavaScript和html

这是一些我已经在使用html和javascript方面取得进展的代码

第2步：选择您想要的比萨饼尺寸：

小的
中等
大的


步骤3：选择您想要的比萨配料：

意大利 辣味 香肠
香肠
蘑菇

菠萝
黑橄榄
肉丸

函数提交（）{
document.getElementById（“frm1”）.submit（）；
var radOne=document.getElementById（“radOne”）；
var radTwo=document.getElementById（“radTwo”）；
var radThree=document.getElementById（“radThree”）；
var价格；
如果（radOne.checked）{
价格=15.00；}
否则如果（radTwo.checked）{
价格=20.00；}
其他的
价格=25.00；
{警惕（“我的比萨饼店”）；}
}
函数重置（）{
document.getElementById（“frm1”）.reset（）；
}

第2步：选择您想要的比萨饼尺寸：

小的
中等
大的


步骤3：选择您想要的比萨配料：

意大利 辣味 香肠
香肠
蘑菇

菠萝
黑橄榄
肉丸



函数submitFX（）{
//document.getElementById（“frm1”）.submit（）；
var radOne=document.getElementById（“radOne”）；
var radTwo=document.getElementById（“radTwo”）；
var radThree=document.getElementById（“radThree”）；
var价格；
如果（radOne.checked）{
价格=15.00；}
否则如果（radTwo.checked）{
价格=20.00；}
否则{
价格=25.00；
}
提醒（“我的比萨店\n总价格为：“+Price+”）；
}
函数重置（）{
document.getElementById（“frm1”）.reset（）；
}

您的路径正确，只是submit（）函数触发表单submit，表单submit执行重定向。在下面的代码中勾选香肠和辣香肠，并在其他复选框中勾选相同的代码

函数计算（e）{
var radOne=document.getElementById（“radOne”）；
var radTwo=document.getElementById（“radTwo”）；
var radThree=document.getElementById（“radThree”）；
var pepperoni=document.getElementById（“pepperoni”）；
var香肠=document.getElementById（“香肠”）；
var价格；
如果（radOne.checked）{
价格=15.00；
警惕（“小检查”）；
}
如果（radTwo.checked）{
价格=20.00；
警惕（“中等检查”）；
}
如果（三个。选中）{
价格=25.00；
}
如果（意大利香肠，勾选）{
警惕（“检查过辣香肠”）；
价格+=1.5；
}
如果（已检查）{
警报（“香肠检查”）；
价格+=2；
}
如果（确认（“您的比萨饼是“+”总价是“+价格））{
警报（“正常”）；
}否则{
警报（“取消”）；
}
}
功能复位（e）{
document.getElementById（“frm1”）.reset（）；
}

第2步：选择您想要的比萨饼尺寸：

小的
中等
大的


步骤3：选择您想要的比萨配料：

意大利 辣味 香肠
香肠
蘑菇

菠萝
黑橄榄
肉丸

有人回答了你的问题。但这是我的解决方案。你可以参考一下。 希望能帮上忙，我的朋友：））

第2步：选择您想要的比萨饼尺寸：

小的
中等
大的


步骤3：选择您想要的比萨配料：

意大利 辣味 香肠
香肠
蘑菇

菠萝
黑橄榄
肉丸



函数submitFunc（）{
//document.getElementById（“frm1”）.submit（）；
var form=document.getElementById（'frm1'）；
var价格=0；
var值；
var checked_size=document.querySelector（'input[name=“size”]：checked'）；
var checked_topping=form.querySelectorAll（'input[type=“checkbox”]”）；
如果（已检查大小！=null）{
size\u value=选中的\u size.value；
如果（大小_值=='small'）{
价格=15.00；
}否则如果（大小_值=='中等'）{
价格=20.00；
}否则{
价格=25.00；
}
}否则{
警报（“您必须选择比萨饼尺寸”）；
返回；
}
var txt_topping=“”；
var i；
对于（i=0；i

谢谢。这很有帮助，我修改了一些代码，但这很有帮助，谢谢：）谢谢。这段代码同样有效：）它对我的作业有很大帮助。再次感谢：）

<script>
    function submit() {
        document.getElementById("frm1").submit();
        var radOne = document.getElementById("radOne");
        var radTwo = document.getElementById("radTwo");
        var radThree = document.getElementById("radThree");
        var price;

        if (radOne.checked){
            price = 15.00;}
        else if (radTwo.checked){
            price = 20.00;}
        else
            price = 25.00;
        {alert("MY PIZZA CAFE");}

    }

    function reset() {
    document.getElementById("frm1").reset();
    }

    </script>

<form id="frm1">
<p><b>Step 2 : Select the size of pizza you want:</b></p>
        <input type="radio" name="size" value="small" id="radOne">Small
        <input type="radio" name="size" value="medium" id="radTwo">Medium
        <input type="radio" name="size" value="large" id="radThree">Large
        <br>

        <p><b>Step 3 : Select the pizza toppings you want:</b></p>
        <input type="checkbox" name="topping" value="peperoni">Pepperoni
        <input type="checkbox" name="topping" value="Sausage">Sausage
        <input type="checkbox" name="topping" value="Mushrooms">Mushrooms<br>
        <input type="checkbox" name="topping" value="Pineapple">Pineapple
        <input type="checkbox" name="topping" value="Black Olives">Black Olives
        <input type="checkbox" name="topping" value="Meatball">Meatball <br>

        <br>    
        <input type="button" onclick="submitFunc()" value="Submit Order">
        <input type="button" onclick="reset()"  value="Clear Entries">      
   </form>

function submitFunc(){
        //document.getElementById("frm1").submit();
        var form = document.getElementById('frm1');        
        var price = 0;
        var size_value; 

        var checked_size = document.querySelector('input[name = "size"]:checked');
        var checked_topping = form.querySelectorAll('input[type = "checkbox"]');

        if(checked_size != null){  
            size_value = checked_size.value;
            if(size_value === 'small'){
                price = 15.00;
            }else if (size_value === 'medium'){
                price = 20.00;
            }else{
                price = 25.00;
            }
        } else {
            alert('You have to select a Pizza size'); 
            return;
        }

        var txt_topping = "";
        var i;
        for(i = 0; i < checked_topping.length; i++){
            if(checked_topping[i].checked){
                 txt_topping = txt_topping + checked_topping[i].value + ", ";
            }
        }

        if(txt_topping != '')
            txt_topping = '. With ' + txt_topping + ' topping';

        alert('You have selected ' + size_value + ' size, price is: ' + price + txt_topping);
    };

    function reset() {
        document.getElementById("frm1").reset();
    };