JavaScript与Web开发实战技巧-优快云博客

31、重新设计披萨订单系统，添加原始披萨示例中的按钮，使接单人员能够选择蔬菜特餐、肉类特餐或夏威夷披萨类型。这些按钮应随后为要制作的特定类型披萨选择正确的配料复选框。对于蔬菜特餐披萨，选择青椒、蘑菇和洋葱。对于肉类特餐披萨，选择香肠、意大利辣香肠和火腿；对于夏威夷披萨，选择菠萝和火腿。

可在披萨应用程序的 <head> 部分添加以下代码：

function flip(pizzatype) {
    if (pizzatype == "veggiespecial") {
        document.getElementById("peppers").checked = "true";
        document.getElementById("onions").checked = "true";
        document.getElementById("mushrooms").checked = "true";
    } else if (pizzatype == "meatspecial") {
        document.getElementById("sausage").checked = "true";
        document.getElementById("pepperoni").checked = "true";
        document.getElementById("ham").checked = "true";
    } else if (pizzatype == "hawaiian") {
        document.getElementById("ham").checked = "true";
        document.getElementById("pineapple").checked = "true";
    }
}

并使用特定的 HTML 表单（注意添加三个按钮以及每个配料的 id 属性的更改）。