
今月に入り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ベストアンサー
- 回答日時:
>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)" />
お恥ずかしながらご指摘の通りでした。
該当箇所を修正しましたところ正常に機能いたしました。
お早い回答本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで特定のURLの時のみ表示
-
あるwebサイト上の画像表示につ...
-
重なった画像にクリックイベン...
-
透過pngの透明部分以外をクリッ...
-
スワップイメージが上手く動作...
-
MAX関数を使ってからLEFT JOIN...
-
[急ぎ] videoタグで埋め込んだm...
-
スマートフォンサイトに部分的...
-
VBScript+IEのチェックボック...
-
バッチファイルでカウントアッ...
-
window.openで値の渡し方を教え...
-
MFCで画像を表示させているので...
-
imageクラスからiconクラスに変...
-
【HP作成】クリックすると下...
-
初期状態でテーブルの非表示
-
jQueryで画像を重ねる
-
クリックでリンク先の切り替え
-
jQueryでシンプルドラッグドロ...
-
複数の要素を表示してる時だけ...
-
jQueryでクリックされた要素のi...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
Javascript で共通の処理をどこ...
-
透過pngの透明部分以外をクリッ...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
オンマウスで、画像切り替え+...
-
1枚の画像をクリックして複数の...
-
JavaScript スライドの画像にリ...
-
jQueryで特定のURLの時のみ表示
-
getElementByIdによって指定し...
-
表と裏がある1枚の画像を回転す...
-
JavaScript で flexslider の画...
-
Twitterの埋め込みしたWebペー...
-
中心を軸にくるくる回るjQuery ...
-
Javascriptで、配列にキャラ画...
-
プルダウンの位置がwin/macでず...
-
画面の表示位置を指定させて表...
-
クリッカブルマップで切り替え...
-
クリックで背景変更するタグ
-
Ajaxから画像ファイルへのリク...
おすすめ情報