Question

我在尝试调整比萨饼大小时遇到了一些问题。单选按钮表示它是否是小/中/大披萨，并且披萨图像需要根据被点击的大小来改变它的尺寸。这就是我到目前为止所做的：

function togglesize()
{
    var size;
    if (document.getElementById("small").checked)
    {
        size = 400px;
    }
    else if (document.getElementById("medium").checked)
    {
        size = 600px;
    }
    else
    {
        size = 800px;
    }

    document.getElementById("crust").style.height = size;
    document.getElementById("crust").style.width = size;
    document.getElementById("cheesea").style.height = size;
    document.getElementById("cheesea").style.width = size;
    document.getElementById("olivesa").style.height = size;
    document.getElementById("olivesa").style.width = size;
    document.getElementById("bacona").style.height = size;
    document.getElementById("bacona").style.width = size;
    document.getElementById("pepperonia").style.height = size;
    document.getElementById("pepperonia").style.width = size;
}

但是，每当我保存并尝试使用我的网页时，一切都会停止工作。当我从HTML文档中删除它时，网页按照应有的方式工作，但我无法改变披萨图像的大小。

有人可以帮帮我吗？

Answer 1

宽度和高度是文本值。 “px”不是Javascript认可的度量，而是CSS：

//Note the quotes
size = "400px";

单击单选按钮时如何调整图像大小

1 个答案: