JavaScriptとチェックボックスで画像の切替

質問

今月に入りJavaScriptの勉強を始めましたところ、
チェックボックスを使った画像の切り替えができなくて困っています。

具体的にはチェックボックスをチェックしたら画像を切り替えさせたいだけなのですが
対象画像一つに対してチェックボックスで切り替えることはできました。
しかし複数の画像にIDを割り当てて各々に対応するチェックボックスを
クリックすると画像を切り替えることができません。

勿論各々の画像毎に関数を追加していけば切り替えはできるのですが
一つの関数ですっきり収めたいのです。

作成したコードは以下に記しておきます。
どうかよろしくお願いいたします。

<script type="text/javascript">

function sample(imageID,checkbox) {
if (checkbox.checked) {
document.getElementById(imageID).src = "on.png";

} else {
document.getElementById(imageID).src = "on.png";

}
}
</script>

<img src="off.png" id="test1" alt="" />
<img src="off.png" id="test2" alt="" />

<form>
<input type="checkbox" onClick ="sample(test1','this')" />
<input type="checkbox" onClick ="sample(test2','this')" />
</form>

回答No.1

tegra · ベストアンサー

>document.getElementById(imageID).src = "on.png";
elseの処理が「on.png」になってますがこれ「off.png」の間違いじゃ？

><input type="checkbox" onClick ="sample(test1','this')" />
シングルコーテーションの位置がおかしいです。
正解↓
<input type="checkbox" onClick ="sample('test1',this)" />

お礼

お恥ずかしながらご指摘の通りでした。
該当箇所を修正しましたところ正常に機能いたしました。
お早い回答本当にありがとうございました。