1
私のコードはすべて正しく表示されますが、submit()関数を実行すると、選択したボックスに基づいて画像が変更されません。できるなら助けてください、どんな助けても喜んで感謝します。 JavaScriptで画像が明確に定義されても変更されない
<!DOCTYPE html>
<html>
<head>
<title>Computer System Order</title>
<script>
var imgArray = new Array(9);
var index = 0;
function submit() {
if (document.ComputerForm.computerCase[0].checked) {
alert("Box one selected");
document.ComputerForm.caseimg.src = imgArray[0].src;
} else if (document.ComputerForm.computerCase[1].checked) {
alert("Box two selected");
document.ComputerForm.caseimg.src = imgArray[1].src;
} else {
alert("Box three selected");
document.ComputerForm.caseimg.src = imgArray[2].src;
}
}
function startup() {
imgArray[0] = new Image;
imgArray[0].src = imgArray[0].alt = "desktopcase.jpg";
imgArray[1] = new Image;
imgArray[1].src = imgArray[1].alt = "minidesktop.jpg";
imgArray[2] = new Image;
imgArray[2].src = imgArray[2].alt = "fulltower.jpg";
imgArray[3] = new Image;
imgArray[3].src = imgArray[3].alt = "17monitor.jpg";
imgArray[4] = new Image;
imgArray[4].src = imgArray[4].src = "19monitor.jpg";
imgArray[5] = new Image;
imgArray[5].src = imgArray[5].src = "21monitor.jpg";
imgArray[6] = new Image;
imgArray[6].src = imgArray[6].src = "inkprinter.jpg";
imgArray[7] = new Image;
imgArray[7].src = imgArray[7].src = "laserprinter.jpg";
imgArray[8] = new Image;
imgArray[8].src = imgArray[8].src = "colorlaserprinter.jpg";
}
</script>
</head>
<body onLoad="startup()">
<form name="ComputerForm">
<table style="width:100%">
<tr>
<td>
<p>
<font face="Courier New">
\t \t <br>
\t \t <br>
\t \t \t \t \t \t \t \t <b>Computer Case Style:</b><br><input name="computerCase" type="radio">Desktop Case ($500.00)<br>
\t \t \t \t \t \t \t \t <input name="computerCase" type="radio">Mini-Tower ($600.00)<br>
\t \t \t \t \t \t \t \t <input name="computerCase" type="radio">Full Tower Case ($700.00)<br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <b>Computer Monitor:</b><br><input name="monitor" type="radio">17" LCD Flat Screen ($250.00)<br>
\t \t \t \t \t \t \t \t <input name="monitor" type="radio">19" LCD Flat Screen ($300.00)<br>
\t \t \t \t \t \t \t \t <input name="monitor" type="radio">21" LCD Flat Screen ($350.00)<br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <b>Computer Printer:</b><br><input name="printer" type="radio">Inkjet Printer ($100.00)<br>
\t \t \t \t \t \t \t \t <input name="printer" type="radio">Laser Printer ($250.00)<br>
\t \t \t \t \t \t \t \t <input name="printer" type="radio">Color Laser Printer ($350.00)<br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <br>
\t \t \t \t \t \t \t \t <input type="button" value="Submit" onClick="submit()">
\t \t \t \t \t \t \t </font>
</p>
</td>
<td name="tableOne">
<img name="caseimg" alt="caseimg" width="125" height="125" src="desktopcase.jpg">
<br>
<img name="monitorimg" alt="monitoring" width="125" height="125" src="17monitor.jpg">
<br>
<img name="printerimg" alt="printerimg" width="125" height="125" src="inkprinter.jpg">
</td>
<td>
<img name="caseimg" alt="caseimg" width="125" height="125" src="desktopcase.jpg">
</td>
</tr>
</table>
</form>
</body>
</html>
あなたは別のコンピュータ言語から来ている必要があります。 JavaScriptは宣言的言語ではありません。変数とオブジェクトを初期化する必要はありません。 I.配列とイメージ。はるかに少ないコードでこれを行うことができます。あなたが私に数分を与えるなら、私はあなたにいくつかのコードを示すことができます。 –