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

質問

クリッカッブルマップで指定した部分をクリックするとチェックボタン(ラジオボタン)も連動してチェックされる方法を知っている方いらしたら、教えてください。

回答No.1

leaz024 · ベストアンサー

クリッカブルマップの 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">項目０
　<INPUT type="radio" name="r" value="1">項目１
　　：
</FORM>

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

お礼

早い回答ありがとうございます。
詳しい説明でとても役に立ち、仕上げることができました。
ここからちょっとフラッシュにこのスクリプトを持っていこうかな…と思っていましたがちょっと私にはできなかったのが残念ですが、丁寧な対応で感謝感謝です。
また何かあったらよろしくお願いします。