![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
#2です。
画像をクリックしてチェックボックスをon/offしたいということでしょうか?
#2のソースでそのように稼働しますけどスクリプトでやりたいのですか?
この回答への補足
ありがとうございます。
最終的にやりたいことが近づいてきましたが、
チェックボックスが複数個、仮に4個あり、
onとoffの画像もそれぞれ4種類あった際、
例 A、B、C、D、Aのオンとオフ、Bのオンとオフというように、
画像もそれぞれ変えたいというのが最終的にやりたい内容です。
※画像はAのオンとオフ用の画像、BはBのオンとオフの画像というようにそれぞれ画像がことなります。
よろしくお願いします。
No.3
- 回答日時:
フォームでcheckboxを配置するところで、
代わりに画像を使いたい、という事でしょう?
マウスでしか操作できなくなるとか、弊害がありますが一応サンプルです。
<script type="text/javascript">
function sample(Img,name){
var onImg = 'on.gif';
var offImg = 'off.gif';
var Input = document.getElementsByName(name)[0];
if(Input.value){
Input.value = '';
Img.src = offImg;
}else{
Input.value = 'on';
Img.src = onImg;
}
}
</script>
<img src="off.gif" alt="" width="" height=""
onclick="sample(this,'CBOX1')">
<input type="hidden" name="CBOX1">
No.2
- 回答日時:
こんな感じでどうでしょう?
<script>
function changeImg(obj,id){
var img=document.getElementById(id);
img.src=obj.checked?"on.gif":"off.gif";
}
</script>
<label for="check1"><img id="image1" src="off.gif"></label>
<input type="checkbox" id="check1" onClick="changeImg(this,'image1')">
<label for="check2"><img id="image2" src="off.gif"></label>
<input type="checkbox" id="check2" onClick="changeImg(this,'image2')">
<label for="check3"><img id="image3" src="off.gif"></label>
<input type="checkbox" id="check3" onClick="changeImg(this,'image3')">
この回答への補足
ありがとうござます、
大変恐縮ですが、チェックボックスをクリックした際のイベントではなく、画像をクリックした際のイベントととして実行したいです。
すみませんが、よろしくお願いします。
No.1
- 回答日時:
まず
>offという画像があり、その画像をクリックするとoff画像がon画像に変わり、もう一度クリックするとon画像になるというのを
のソースを示してください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 工学 電気関係のテキストにて以下の問題が分からず、回答をお願いします 【問題文:ブレーカーがトリップしてい 3 2023/05/22 10:43
- 画像編集・動画編集・音楽編集 エクスプローラー サムネイル表示されない 1 2022/12/22 10:14
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンの位置がwin/macでず...
-
Javascriptでリンク画像を1時...
-
Gifアニメ、最後のコマに行った...
-
画像ランダム表示、しかしダブ...
-
画像のランダム表示、及び画像...
-
複数の画像を先に読み込ませ表...
-
表と裏がある1枚の画像を回転す...
-
残像を残しながら別の画像に切...
-
Javascript で共通の処理をどこ...
-
WEBページ立ち上げ時に1回のみ...
-
textareaに画像を表示したい
-
透過pngの透明部分以外をクリッ...
-
JavaScriptとチェックボックス...
-
始めに読み込む画像を固定して...
-
MAX関数を使ってからLEFT JOIN...
-
動的にHTMLコンテンツを吹き出...
-
IplImageのBmp変換。
-
textareaで入力した文字を改行...
-
変数名をどのようにつけるのが...
-
jQueryでシンプルドラッグドロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
javascriptで毎月替わる画像
-
画像をフォルダに入れれば表示...
-
画像の重なりの順序を代える方...
-
スワップイメージが上手く動作...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
Gifアニメ、最後のコマに行った...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
1枚の画像をクリックして複数の...
-
各フォルダから1枚ずつ画像をラ...
-
画像を切り替えランダム表示
-
画像削除機能を付けたい
-
マウス追従スクリプトについて
-
画像ランダム表示、しかしダブ...
-
<table>、もしくは<iframe>内で...
-
1枚の画像をクリックすると複数...
-
画像とテキストのセットをラン...
おすすめ情報