單擊單選按鈕時如何調整圖像大小

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";