OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

クリッカブルとチェックボタンの連動。

  • すぐに回答を!
  • 質問No.224701
  • 閲覧数220
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 100% (1/1)

クリッカッブルマップで指定した部分をクリックするとチェックボタン(ラジオボタン)も連動してチェックされる方法を知っている方いらしたら、教えてください。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル12

ベストアンサー率 75% (398/526)

クリッカブルマップの AREA タグの、href と onClick を使えば簡単に実現できます。

■HEAD内
<SCRIPT language="JavaScript"><!--
function check(n) {
  document.f.r[n].checked = true;
  return false;
}
//--></SCRIPT>

■BODY内
<FORM name="f" …>
 <IMG src="…" usemap="#MAP_RADIO">
 <MAP name="MAP_RADIO">
 <AREA href="JavaScript:void(0)" onClick="return check(0)" …>
 <AREA href="JavaScript:void(0)" onClick="return check(1)" …>
  :
 </MAP>

 <INPUT type="radio" name="r" value="0">項目0
 <INPUT type="radio" name="r" value="1">項目1
  :
</FORM>

・AREA タグの href 属性には、「JavaScript:void(0)」を指定しておきます。
・AREA タグの onClick イベントで、check(n) 関数を呼び出します。
 (引数の n には、チェックしたいラジオボタンの番号(上から順に、0,1,…)を指定します。)
・関数 check からは、常に false を返すようにし、これを onClick からも return します。
 (これをしないと、NN4 で動作が不安定になります。)
お礼コメント
nico_apple

お礼率 100% (1/1)

早い回答ありがとうございます。
詳しい説明でとても役に立ち、仕上げることができました。
ここからちょっとフラッシュにこのスクリプトを持っていこうかな…と思っていましたがちょっと私にはできなかったのが残念ですが、丁寧な対応で感謝感謝です。
また何かあったらよろしくお願いします。
投稿日時 - 2002-02-28 09:33:50
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ