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ランキング
-
Javascriptで指定した日付と時...
-
画像削除機能を付けたい
-
ボタンをクリックした時に、キ...
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
smartRolloverのカスタマイズに...
-
スワップイメージが上手く動作...
-
画像をフォルダに入れれば表示...
-
JavaScriptでスライドショー
-
<table>、もしくは<iframe>内で...
-
javascriptのitem?klassとは?
-
textareaに画像を表示したい
-
画像をクリックしてその地点の...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
JSPでの画像ファイル表示
-
iframe内のリンクが飛ばないの...
-
javascriptテキストBOX色を元に...
-
javascriptで複数の画像をラン...
-
javascript 時計24時間表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
1枚の画像をクリックすると複数...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
edgeでスクロールバーに色が表...
-
画像の上に画像リンクを貼る方法
-
prettyphotoの画像表示について
おすすめ情報